Color Palette

This WordPress plugin adds a Color Palette block to the post editor, so content editors can easily list colors on branding and style guide pages.

Download from WordPress View on GitHub

Features

The Color Palette block displays a group of colors on your page. The block starts with 3 individual Color blocks, but you can add additional blocks or remove excess blocks as needed.

Give each color block a color using the selector in the Inspector Panel on the right-hand side of the editor, give your color a name, and you are done!

Each color in the palette will display a swatch of the selected color, the given color name, as well as the Hex, RGB, and CMYK values for that color (optional).

If you need to use the same color palette on multiple pages or posts, simply save the Color Palette block with all of your colors as a reusable block through the editor.

Palette color block styles

You can select the “Color block style” inside the Color Palette block by using the options in the Inspector Panel. The style options include:

Color code options

Inside the Color Palette block, you can select which color codes (Hex, RGB, or CMYK) should be hidden on the page. These options are in the Inspector Panel and apply to all color blocks inside the palette.

Screenshots

The Color Palette block in the post editor.
The Color Palette block in the front-end, displaying the colors as circles.
The Color Palette block in the front-end, displaying the colors as stylized cards.