Palette

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

1. An administrator defines the site's color palette at
   Administration > Structure > Palette colors.
2. Each color gets a name (e.g. "Corporate Blue") and a hex value.
3. Any color_field_type field can be switched to the
   Palette Color Browser widget.
4. 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

• Color Field
• Entity Browser

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.