Color palette generator
Make color palettes from one color: harmonies, a 50–950 scale with CSS variables, and random palettes with locks.
How to use the color palette generator
- Pick a base color.
- Choose a harmony, or copy the 50–950 scale as CSS variables.
- Generate random palettes and lock the colors you like.
Frequently asked questions
What is a complementary color?
The color opposite on the color wheel, 180° away. It gives the strongest contrast.
What is the 50–950 scale?
Lighter to darker steps of one hue, like design systems and Tailwind use, ready to paste as CSS variables.
Related tools
Everything runs in your browser. Your files and text are never uploaded.