Color Palette

Show brand palette colors on a style guide or internal page.

Brand, Neutral Ramp, and Semantic swatches with labels and hex values from the theme palette.
Brand, Neutral Ramp, and Semantic swatches with labels and hex values from the theme palette.

Usage

Color Palette renders the theme’s configured palette swatches. Insert the block where designers or clients need a live reference to site colors—no sidebar settings are required.

When to use it

Use on internal style-guide pages or during onboarding. Not intended for public marketing sections unless you deliberately want a swatch reference visible.

Tips

  • Colors reflect Customizer palette settings; update the theme when brand colors change.
  • Pair with typography samples on the same page for a compact brand reference.

Screenshots

Editor

  • Color Palette in the editor — no sidebar settings beyond Advanced; the block mirrors the live theme palette.
    Color Palette in the editor — no sidebar settings beyond Advanced; the block mirrors the live theme palette.