AllDesignStylingColors

Colors

Set global brand, background, text, and link colors.

Update global colors

1

Open Styling

Go to Styling.

2

Select Colors

Choose 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.

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.

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.

Updated Jul 1, 2026

Was this helpful?