Colour Palette Generator
Pick a base colour and a harmony rule, press space to reshuffle, and lock the ones worth keeping. Export as hex, CSS custom properties or Tailwind config.
Runs entirely in your browser — nothing is uploaded to a server.
Click a swatch to copy its hex. Click the lock to keep it while the rest reshuffle.
Shades and tints
A 50–900 ramp built from the first unlocked colour — the scale most design systems expect.
Frequently asked
What harmony should I pick?
Analogous for calm and cohesive, complementary for contrast and energy, triadic when you need three distinct brand colours.
Can I export to CSS?
Yes — copy the palette as CSS custom properties or as a Tailwind colour object.