Colors

Where to find it

Usage notes

Set the main brand colors used across sections, highlights, and default theme styles. Most sections use this palette automatically.

Card text follows the main Text color unless a section has its own Custom card colors.

Use the brand palette above for the fastest setup. Saved color schemes are optional presets for sections that need a different look; editing one updates every section assigned to it.

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Brand color

Used for key accents, selected states, and brand-led section details.

Accent color

Used for supporting highlights and soft hover accents.

Text color

Choose a local color when the relevant custom source is enabled.

Heading color

Choose a local color when the relevant custom source is enabled.

Page background

Choose a local color when the relevant custom source is enabled.

Soft background

Used for secondary surfaces and subtle contrast areas.

Border color

Choose a local color when the relevant custom source is enabled.

Card background

Choose a local color when the relevant custom source is enabled.

Card border

Choose a local color when the relevant custom source is enabled.

Primary button background

Choose a local color when the relevant custom source is enabled.

Primary button text

Also used as the contrast text on brand accent surfaces.

Secondary button background

Choose a local color when the relevant custom source is enabled.

Secondary button text

Choose a local color when the relevant custom source is enabled.

Input background

Choose a local color when the relevant custom source is enabled.

Input text

Choose a local color when the relevant custom source is enabled.

Input border

Choose a local color when the relevant custom source is enabled.

color schemes

Use the matching control in the theme editor and preview the component before publishing.