Palette generator
Five colours that go together. Lock the good ones, reroll the rest.
Take it with you
The palette is in the address bar, so the link carries it — no account, nothing saved anywhere.
Press the space bar for a new set of five. Lock the ones worth keeping and press again — the rest rearrange themselves around what you kept. Every palette is in the address bar, so the link is the save button. Underneath, the part most generators skip: whether two of your colours are the same colour to someone with red-green colour blindness.
How to use it
- Press the space bar, or the New palette button, until something looks right.
- Lock the colours you want to keep and press again to reroll the others.
- Copy a single hex, export the set as CSS or Tailwind, or copy the link to share it.
Why use this tool
Completely private
Everything runs inside your browser. Your files and text are never sent to a server.
Free, with no limits
No sign-up, no watermarks and no cap on how many times you can use it.
Instant results
There is no upload or queue to wait for, so results appear as fast as your device can work.
Works on any device
Runs in any modern browser on phone, tablet or desktop. Nothing to install.
Frequently asked questions
- How are the colours chosen?
- One hue relationship — neighbours, opposites, thirds — with lightness spread across the row, built in OKLCH. That last part matters: in older colour models a set with even-looking numbers comes out uneven to the eye, with the yellows glaring and the blues muddy. OKLCH is built around what the eye actually does, so the steps look as even as they measure.
- Why does lightness change across the palette?
- Because a palette where everything is equally light is unusable. You cannot put text on it, you cannot build a card on it, and nothing separates from anything else. Spreading lightness from dark to light is what turns five nice colours into a set you can build an interface from.
- What does locking do?
- Keeps that colour exactly and derives the rest from it. Lock your brand colour first and everything generated afterwards relates to it, instead of ignoring it. Locking two or more keeps all of them and fills the gaps.
- What is the colour blindness warning?
- Around one man in twelve cannot reliably separate red from green. When two colours in your palette come out the same to them, the warning says so. For decoration that is fine. For anything where the colour carries meaning — a status badge, a chart line, a pass-or-fail — it means the information is invisible to a lot of people, and you should reroll or separate them by lightness as well as hue.
- How do I save a palette?
- Copy the link. The colours are written into the address, so the link is the palette — no account, nothing stored on any server, and it still works if this site is having a bad day. Paste it back in any browser and the palette comes up.
- Can I use these commercially?
- Yes. Colours are not copyrightable, and nothing here is licensed to you because nothing here needs to be. Use them for anything.