Color
A Color input lets marketers choose from a predefined palette of hex colors in the Email Editor.
It works well for:
- brand colors such as primary, secondary, and accent colors
- module-level controls like button background, text color, or divider color
- template-level theme settings that should stay inside an approved palette
Friendly color names
Each predefined color can include an optional friendly name alongside its hex value.
For example:
- Primary Blue →
#003087 - Accent Red →
#E53E3E - Secondary Gray →
#6B7280
In the Email Editor, marketers see the friendly name when it exists. If no name is set, Better Email falls back to showing the hex value.
The saved value is still the hex color, so your Liquid variables continue to output the color value itself.
Custom colors
If needed, you can enable custom color input so marketers can type a hex value outside the predefined palette.
Use this carefully:
- leave it off when the brand system should stay tightly controlled
- turn it on when the template needs more flexibility than a fixed palette allows
Rich text color palettes
Multi-line text inputs can also enable a color picker for inline text styling.
Those allowed colors use the same palette model:
- each color can have an optional friendly name
- the editor shows the name when present
- the applied value is still the underlying hex color
Validation
Color inputs do not support validation constraints.
A color always has a selected value, so Required is not available for this input type.