Palette Workbench
Paste any palette — from ChatGPT, a client email, a CSS file — and see exactly where each color belongs, what breaks, and how to fix it.
Start from a brief
Real projects, real starting points. Pick an option to load it below, then adjust it like any other palette.
Or describe your own project
Or start from a logo
Upload a logo image — the Workbench pulls its main colors out and builds the palette from them. The image never leaves your browser.
2 · Your colors — keep them exact, or allow a nudge
3 · Where each color belongs — live preview
Supporting copy on your background, with a card in your support color and one clear call to action.
Accent buttonCard body text sits on the support color.
Riverside Park · Spring Fair
Friday · 7 PM · Free entry
Your palette as an event poster — headline, badge and accent bar.
Tip: click the poster or slide text to edit it, then export your version.
4 · Contrast check
5 · Fix my palette
Colors set to Keep exact never change. “Nudge” colors move as little as possible so failing text pairs become readable and near-duplicate colors separate.
Option 1 — Keep the role: adjust the colors
Before
After
How repairs work: only “Nudge” colors move, in 3-point HSL lightness steps toward the failing pair's target. Distances are CIE76 ΔE in Lab color space. This is the smallest lightness move in that search — not a claim of the globally closest possible fix.
Option 2 — Keep the appearance: change where colors are used, not the colors
6 · Export & share
CSS variables
Share this palette
Anyone opening this link sees the same palette in the Workbench — handy for client approval.
Closest matches in our library: search the library
Client approval board
Put up to three options on one board and send your client a single link. Your current palette is Option A.
The Workbench starts from colors you already have. Paste a whole ChatGPT answer or a client email — it pulls the hex codes out for you — then shows a live website and social-post preview, checks the pairs people actually read, and repairs what fails without touching the colors you mark “Keep exact”.