AllDesignStylingColors

Colors

Set global brand, background, and text 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

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.

Updated May 9, 2026

Was this helpful?