Skip to content

Change the background color of a particular marketing email

Last updated: January 29, 2024

Available with any of the following subscriptions, except where noted:

Marketing Hub   Professional , Enterprise
Legacy Marketing Hub Basic

If you're using the updated classic email editor and you want to change the background color for all your email templates, you can edit your color defaults in your settings. To change the background color of a specific marketing email, create an HTML version of your template to update your default background color.

Please note: this method requires basic knowledge of how to write and edit HTML. 

If you're editing an email in the drag and drop editor, you can change the Body color in the Design tab.

To use HTML to change the background color for a specific email template:

  • In your HubSpot account, navigate to Content > Design Manager.
  • In the left panel, click the name of the template to update.
  • In the top left, click the Actions dropdown menu and select Clone to HTML to a create a coded email file from this template. 
clone to file
  • In the coded email file, press Ctrl + F or Cmd + F and enter {{ background_color }} into the search bar.
  • Press Enter or Return to highlight all instances of this token.
  • Replace all instances of {{ background_color }} with a desired # hexadecimal color valueYou may need to switch to the Preview tab in your coded file to preview your changes to make sure the correct tokens have been updated. 
  • Click Publish changes.
You can now create a new marketing email with this template.

 

Further reading

If you're familiar with HubL, you can define the {{ background_color }} variable in your coded file before the opening <html> tag. Learn more about this advanced method in HubSpot's Designer Documentation.

Please note: HubSpot Support cannot provide technical support for a customized coded template. If you run into questions working with the code of your HTML email, you can connect with web designers and HubSpot specialists on the HubSpot Design Forum.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.