Color Palette Generator
Generate beautiful color palettes in one click. Start from random colors or a base color and use complementary, analogous, triadic, split-complementary or monochrome harmony. Lock the colors you like, copy HEX codes, and export as PNG or CSS variables.
or press Space
Export
How it works
- Pick a harmony (or Random) and, if you like, a base color.
- Press “Generate” or the space bar until you like it. Lock colors to keep them on the next generate.
- Click a HEX code to copy it, or export the palette as PNG or CSS variables.
FAQ
What is a complementary color scheme?
Colors opposite each other on the color wheel, like blue and orange. They create strong contrast — great for buttons and thumbnails.
How do I use the CSS export?
Paste the :root block into your stylesheet, then use the colors as var(--color-1), var(--color-2) and so on.
Can I use these colors commercially?
Yes. Colors can’t be owned — use your palettes anywhere, free.