Colors

Setting	Where it is used
Primary	Primary buttons, links, active tabs and chips, the highlighted pricing plan. Follows the primary color in Settings → Branding until you change it here.
Secondary	Eyebrows, highlighted words in headings, icons and check marks. Must be readable on the page background.
Accent	Lighter highlights on dark sections, focus outlines and badges.
Dark	Dark panels and frames.
Body text	Default text color.
Muted text	Captions, dates, notes and help text.
Page background	The page behind all sections.
Surface	Tinted background for hero panels, alternating sections and tinted cards.
Surface (alternate)	A second tint for sections placed next to each other.
Borders and lines	Hairlines, card borders and table lines.

Good to know

Keep contrast in mind: Body text on the page background and on Surface should reach at least 4.5:1.
A module can override any color in its Styles tab. Leave module colors untouched to keep the site consistent.
When a section has a dark background image, video or gradient, switch on Light text on dark background in the module instead of changing individual text colors. See Backgrounds.
For a dark site, or dark sections on a light site, use Color mode instead: The theme setting under Theme settings → Color modes and the same choice on every module. See Color modes.