Palette

Usage

Open Appearance β†’ Customize β†’ Styles β†’ Palette to set your brand colors. Each swatch becomes a choice across the site β€” block color pickers, button styles, header backgrounds, and typography color settings all reference this palette.

Start with Primary, Secondary, and Accent for your main brand hues. Adjust Text and Muted so body copy and captions stay readable on your Canvas and page backgrounds.

When to use it

  • Launching a new site or refreshing brand colors after Theme Setup.
  • Fixing contrast β€” if links or buttons feel too faint, check Primary against Text and Canvas.
  • Before tuning Styles β†’ Buttons, Links, or Header & Menus color controls, which inherit palette choices.

Tips

  • Canvas is for cards and panels; Body Background under Settings β†’ General sets the color behind entire pages.
  • Success and Failure feed form feedback β€” keep them distinct from your brand accents so errors and confirmations are obvious.
  • Publish palette changes during a quiet moment; many blocks and global styles update at once.

Settings

Palette

White setting in the block editor sidebar
White
Black setting in the block editor sidebar
Black
Gray setting in the block editor sidebar
Gray
Primary setting in the block editor sidebar
Primary
Secondary setting in the block editor sidebar
Secondary
Accent setting in the block editor sidebar
Accent
Variant setting in the block editor sidebar
Variant

Extra brand accent beyond Primary, Secondary, and Accent. Available anywhere the extended palette is offered.

Text setting in the block editor sidebar
Text

Default color for body copy and most headings. Blocks and typography settings that pick Text use this value.

Muted setting in the block editor sidebar
Muted

Softer text for captions, meta lines, and secondary labels. Pair with Text for readable hierarchy.

Canvas setting in the block editor sidebar
Canvas

Background fill for cards, panels, and Canvas color choices in blocks β€” separate from the page Body Background in Site Settings.

Success setting in the block editor sidebar
Success

Positive feedback color for form confirmations and success states.

Failure setting in the block editor sidebar
Failure

Error and validation color for form messages and alerts.