Menu Close

Blocksify Docs

Color palettes

Blocksify color palettes let you add custom global color tokens that appear beside your theme palette in supported Blocksify pickers.

Use them for brand accents, product colors, chart fills, status colors, or other values your active theme does not already provide.

Where to find it

  1. Open any post or page in the WordPress editor.
  2. Click the top-right ⋮ menu.
  3. Under Panels, click Blocksify Settings. A sidebar slides in.
  4. Open Global Colors. The custom palette editor appears.
The Global Colors panel appears inside the Blocksify Settings sidebar.

Add and edit custom colors

The Global Colors panel manages custom colors only; theme colors still come from the active theme.

  1. Click +. A new entry appears with an automatic name such as Color 1.
  2. Click the swatch. The color picker opens.
  3. Choose the color value. The swatch updates in the palette.
  4. Click the entry name to rename it.
  5. Use the section’s edit mode to show the trash icon when you need to remove an entry.
A custom color entry shows its swatch, editable name, and delete control.

Limits and slugs

Blocksify supports up to 40 custom color entries. At the cap, the + button disables.

Blocksify creates a stable color identifier from the first name. Renaming keeps existing color choices connected, but deleting and re-adding creates a new color entry.

Theme palette relationship

Blocksify does not duplicate theme brand colors. Choose the main palette in your theme, then add extras here only when the theme palette is missing a value.

Supported Blocksify popovers draw from two sources: the theme palette and Blocksify custom colors. WordPress core’s generic default colors are intentionally excluded so the picker stays focused on site-specific choices. When you choose a palette color by name in any styling control, it always follows that color’s current value in the active theme.

Where color tokens appear

The Background panel inside the Section block and Container block can show these custom colors next to theme entries in supported color popovers.

When no color tokens are available, Blocksify points the user back to Global Colors. For a broader view of the token sidebar, start with the Global Settings overview; for background blends, use gradient presets.

Was this helpful?

0

Updated