Color Palette Generator
Generate beautiful, harmonious color palettes for your next design project.
Press Space to generate a new palette
#6366f1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
#8b5cf6
rgb(139, 92, 246)
hsl(258, 90%, 66%)
#ec4899
rgb(236, 72, 153)
hsl(330, 81%, 60%)
#f59e0b
rgb(245, 158, 11)
hsl(38, 92%, 50%)
#10b981
rgb(16, 185, 129)
hsl(160, 84%, 39%)
:root {
--color-1: #6366f1;
--color-2: #8b5cf6;
--color-3: #ec4899;
--color-4: #f59e0b;
--color-5: #10b981;
}