Palette generator
Lock the colours you love and generate the rest. Press space (or Generate) as often as you like, up to five colours. When it feels right, turn the palette into full 50–950 scales and download the lot.
Full scales
Every colour from 50 to 950, plus a neutral grey tinted by your first colour. Rename them for your code.
Got a photo you like? Try palette from image. Checking text colours? Try the contrast checker.
Good to know
Lock, then explore
Start with your brand colour, lock it, and generate. Each round picks a colour scheme (close neighbours, opposites or triads) built around what you've locked.
Even steps, not guesses
Scales are made in OKLCH, a colour space where equal steps look equally different to the eye, so the middle shades don't turn muddy.
Your colours stay put
Each scale is built around your exact colour: it lands on the step that matches its lightness, and the others are spaced evenly around it.
One download for everything
CSS variables, a Tailwind block or JSON design tokens for every scale at once, or a PNG sheet for Figma and brand decks.
Need a whole brand system, not just a palette? Work with me.