Palette generator

Make a color palette from a photo or a single hue.

Drop in a panel, a still, or a reference painting. Or start from one hex and grow a harmony. Click any swatch to copy.

From a photo

We sample the image in the browser. Nothing is uploaded.

From a seed color

Harmony

#fc3f1b

Contrast on cream 3.5 · on ink 4.3

#fcaf1b

Contrast on cream 1.8 · on ink 8.3

#d8fc1b

Contrast on cream 1.2 · on ink 13.2

CSS variables

:root {
  --color-1: #fc3f1b;
  --color-2: #fcaf1b;
  --color-3: #d8fc1b;
}

How to make a palette that holds a story

Start with one hue that already belongs to the scene: lamp light, a coat, the sky before a storm. Grow the rest of the set from that hue instead of collecting five unrelated favorites.

Keep one color loud. In comics, the loud color is usually blood, signage, or the thing the eye should find first. The other four colors should make that one look inevitable.

Check contrast on cream and on ink. A palette that only works on white will fail the moment you drop it onto a night panel.

Learn the relationships on the color wheel

Questions