Color Palette Generator
Generate beautiful, harmonious color palettes for your designs. Choose harmony modes, lock colors, and export as CSS variables.
Click to copy
#4D3ADF
rgb(77, 58, 223)
hsl(247, 72%, 55%)
Click to copy
#BE1388
rgb(190, 19, 136)
hsl(319, 82%, 41%)
Click to copy
#AE5913
rgb(174, 89, 19)
hsl(27, 80%, 38%)
Click to copy
#80CF30
rgb(128, 207, 48)
hsl(90, 62%, 50%)
Click to copy
#6CE0DC
rgb(108, 224, 220)
hsl(178, 65%, 65%)
How It Works
1
Choose a Mode
Select a color harmony mode (Complementary, Analogous, Triadic, Monochromatic) or go Random. Optionally pick a base color to build around.
2
Generate & Lock
Click Generate to create a 5-color palette. Love a color? Lock it. Then regenerate to explore new combinations while keeping your favorites.
3
Copy & Export
Click any color swatch to copy its hex code. Use 'Export CSS Variables' to get ready-to-paste custom properties for your stylesheet.