Brand Colour Palette
Set every colour on your site by role, from one place.
Open the Colours editor
Go to **Brand** → **Visuals**. The first card is **Colours** — every colour on your site, by role.
Brand visualsColours are set by role, not by element
Rather than picking a colour for each button, you define a palette of **roles** and your theme applies them consistently. The roles are grouped: • **Surfaces** — page background and tinted section bands • **Text** — headline ink and supporting copy • **Brand** — your primary emphasis colour and accent • **Graphics** — decorative fills and glows • **Lines** — hairlines, dividers and borders Exact role names vary by theme, because each theme names them for what it actually does with them.
Change a role once and every section using it updates. That's what keeps a site coherent when you edit copy for months afterwards.
Recolouring individual elements
The Brand hub defines the palette; the site editor assigns it. In the **Site** hub, select **Colours** and click any element to switch which brand role it uses. Because you're picking a role rather than a hex value, later palette changes follow through automatically.
Contrast
Onboarding's **Pick your colours** step builds schemes from your brand colour and checks them for contrast. If you set roles by hand afterwards, check headline and body text against their surfaces — legibility is a hard requirement, not a preference.
Guide complete
You've covered all 4 steps. Check out the related guides below.
Still need help?
Our support team is here to assist you.