Palette Generator

One color in, a whole scheme out. Harmonies from the color wheel, a light to dark scale you can use as design tokens, and the contrast figure for every step.

Starting color

Hex, RGB or a color name

Pick

Nudge it

Hue

Saturation

Lightness

Try one

This color

Harmonies

Click any swatch to make it the starting color.

The scale

The small number under each step is the contrast against white, so anything at 4.5 or above can carry body text on a white background.

Take it away