Palette
Palette provides administrators with control over the colors editors can use in content, allowing them to define a curated set of named colors. Editors can then easily select from these pre-defined color swatches via a visual browser, ensuring brand consistency and eliminating inconsistent shades.
Does your editorial team struggle with inconsistent brand colors scattered across content?
Palette gives administrators full control over which colors editors can use —
and gives editors a beautiful, visual way to pick them.
The problem it solves
When a site uses Color Field,
editors get a free-form hex input. Anyone can type any color. Over time this leads to dozens
of slightly-different shades of "brand blue" living across your content.
Palette solves this by letting you define a curated set of named, reusable colors
as content entities. Editors browse and pick from swatches — no hex codes required.
How it works
- An administrator defines the site's color palette at
Administration > Structure > Palette colors. - Each color gets a name (e.g. "Corporate Blue") and a hex value.
- Any
color_field_typefield can be switched to the
Palette Color Browser widget. - Editors click "Select color", pick a swatch from the visual modal,
and the field is filled automatically.
Features
- 🎨 Named color entities — manage colors just like any other content
- 🖱️Visual entity browser — circular color swatches in a clean modal
- ⚡ Create on-the-fly — add new colors without leaving the edit form
- 🔒 Enable / disable colors — retire a color without deleting it
- 🔗 Views integration — list, filter and manage colors with Views
- 🧩 Pluggable — entity browser widgets are extendable by other modules
Requirements
Compatibility
Palette supports Drupal 10 and Drupal 11.
Getting started
composer require drupal/palette drush en palette
Then go to Administration > Structure > Palette colors and add your
first color. Switch any Color Field widget to "Palette Color Browser" and you're done.