Colors

Update global colors

Color groups

• Brand Colors: Primary Brand and Secondary Brand
• Backgrounds: Main Page, Sections & Cards, Subtle Accents
• Text Colors: Primary Text, Secondary Text, Inverse Text
• Interactive Elements: link and button colors, plus rich-text link underline behavior

Use colors while editing

Color pickers in the website editor include your main website colors, grayscale swatches, custom HEX/RGB controls, opacity, and browser eye dropper support when available.

When entering a custom HEX color, type or paste all six digits. The picker waits for the complete value before applying the color, so a partially typed code does not change the selected element.

Choosing a saved website color applies the choice immediately. Background and border controls keep that saved color in the editor and on the published page, even when the color picker closes as soon as you select it.

Recent colors are saved per website so you can reuse the same solids or gradients across text, highlights, buttons, and other design controls. Solid only controls, such as text highlights, show only recent solid colors.

When you open a color picker for existing content, its swatch reflects the color currently applied to that block. This includes colors inherited by a rich-text block and saved global website colors, even when the page stores the color as a website color reference instead of a literal HEX value.

Rich-text link underlines

Use Interactive Elements to choose the default underline style for rich-text links across website text and long-form content.

• Always: links are underlined by default.
• On hover: links are underlined when a visitor hovers.
• Off: links are not underlined by default.

Individual rich-text links can still override the default from the text editor when one link needs a different color or underline treatment.