🎨 Fun Tool
Color Palette Generator
Generate 5-color palettes with 5 harmony modes. Copy HEX, RGB, or HSL values. Lock colors you love. Press Space to instantly refresh.
Features
🎲
5 Harmony Modes
Random, Complementary, Analogous, Triadic, Monochromatic
🔒
Lock Colors
Lock favorites and regenerate only the rest
📋
One-Click Copy
Copy HEX, RGB, HSL or CSS variables instantly
FAQ
What is color harmony?
Color harmony uses geometric relationships on the color wheel — complementary (opposite), analogous (adjacent), triadic (120° apart), or monochromatic (same hue, different lightness).
How do I quickly regenerate?
Press the spacebar to instantly generate a new palette — no clicking needed. Or use the "Generate New Palette" button.
How do I export as CSS?
Click "Copy as CSS" to copy all 5 colors as CSS custom properties (--color-1 through --color-5) ready to paste into your stylesheet.