1. Help Center
  2. FeedbackFive
  3. Email Features and Exclusions

How do I change button and layout colors?

Use hex codes and built-in color pickers to modify the colors of template elements.

FeedbackFive email templates are built with HTML, which uses six-digit letter and number codes starting with # to specify colors. You can use hex codes to change the color of your layout or buttons to match your logo or follow a specific color scheme.

Layout Colors

Wizard

The Wizard editor has built-in color pickers to help you select a color as well as fields where you can input an exact hex code. Use an exact hex code to match your brand's style guide if you have one.

layout-color-wizard-hc

Advanced Editor

If you switch to the Advanced Editor, you will see that the colored layouts are made of table cells. Right-click within a cell and choose Cell > Cell Properties, then use the color picker or hex code field to change the background color of the cell.

jxu3QpBX4l

Button Colors

When adding a Shortcut Tag that includes a button, you will have an option to change the color of the button, the button border, and the button text using hex codes.

edit-button-color-hc

Not sure what color to use?

If you do not have a brand style guide, you can refer to the chart below to find a basic color to use.

Bright Red

#FF0000

Dark Red

#C80032

Bright Blue

#0000FF

Dark Blue

#000064

Bright (Neon) Green

#00FF00

Dark Green

#006414

Bright Yellow

#FFFF00

Dark Purple

#640064

Bright Purple

#FF00FF

Gray

#646464

Bright Orange

#FF9600

Light Brown

#A0785F

Black

#000000

Dark Brown

#643E26

White

#FFFFFF

Default Button Yellow

#FFD454

Not quite right?

  • Experiment with different colors on this official HTML website
  • Upload your own logo or other image and find the hex codes to match it here.