🎨
Color Palette Generator
Generate beautiful color palettes for your designs!
Harmony
Copy
#83A130
rgb(131, 161, 48)
Copy
#D473C9
rgb(212, 115, 201)
Copy
#A9CF20
rgb(169, 207, 32)
Copy
#386199
rgb(56, 97, 153)
Copy
#C56B67
rgb(197, 107, 103)
Press Space to generate
CSS Variables
:root {
--color-1: #83A130;
--color-2: #D473C9;
--color-3: #A9CF20;
--color-4: #386199;
--color-5: #C56B67;
}Frequently Asked Questions
▶What are color harmonies?
Color harmonies are combinations of colors that look pleasing together. They're based on the color wheel: complementary (opposite), analogous (adjacent), triadic (evenly spaced), etc.
▶How do I use the generated palette?
Click any color to copy its hex code, or use the Export CSS button to copy all colors as CSS variables ready to paste into your stylesheet.
▶Can I lock specific colors?
Yes! Click the lock icon on any color swatch. Locked colors will remain unchanged when you generate a new palette.
Discover more on Testive 👀
🔢
Number Sequence Test
Click numbers in order! 50 levels with expanding grids and shuffle challenges.