Color Palette Generator
Generate beautiful, harmonious color palettes for your designs. Choose harmony modes, lock colors, and export as CSS variables.
Click to copy
#57DBCA
rgb(87, 219, 202)
hsl(172, 65%, 60%)
Click to copy
#251DB9
rgb(37, 29, 185)
hsl(243, 73%, 42%)
Click to copy
#9D1B64
rgb(157, 27, 100)
hsl(326, 71%, 36%)
Click to copy
#DD4613
rgb(221, 70, 19)
hsl(15, 84%, 47%)
Click to copy
#ACE052
rgb(172, 224, 82)
hsl(82, 70%, 60%)
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.