Color Palette Generator
Generate harmonious color palettes — complementary, analogous, triadic and more. Copy HEX, RGB or CSS variables instantly.
- Runs in your browser
- No upload on server
- Free, forever
- Pick a base color
- Choose a harmony
- Copy or export
Harmony
Tip: tap the lock on a swatch to keep it while you shuffle the rest.
#3CE0F6
#3CB2F6
#3C83F6
#3C55F6
#523CF6
Export
HEX list
#3CE0F6, #3CB2F6, #3C83F6, #3C55F6, #523CF6
RGB list
rgb(60, 224, 246), rgb(60, 178, 246), rgb(60, 131, 246), rgb(60, 85, 246), rgb(82, 60, 246)
CSS variables
:root {
--color-1: #3CE0F6;
--color-2: #3CB2F6;
--color-3: #3C83F6;
--color-4: #3C55F6;
--color-5: #523CF6;
}How this works — and why it's private
- Pick a base color or hit Surprise me for a fresh starting point.
- Choose a harmony — analogous and complementary work well for UI; triadic and tetradic add energy.
- Lock the swatches you love and reshuffle the rest. Copy a single color or export the full palette.
Rate Color Palette Generator
One tap. Anonymous. Helps others find the good tools.
No account, no email, no tracking — just a 1–5 number.
Be the first to rate