Color Palette Generator
Generate beautiful, harmonious color palettes for your design projects. Start with a base color or generate random palettes. Export your palette in various formats for easy use.
#3ce0f6(turquoise)
#3c83f6(dodgerblue)
#523cf6(slateblue)
:root {
--palette-color-1: #3ce0f6;
--palette-color-2: #3c83f6;
--palette-color-3: #523cf6;
}FAQ
How do I generate a color palette?
Enter a base color or click "Generate Random" to create a new palette. You can choose different harmony rules like complementary, analogous, or triadic to control how colors relate to each other.
What harmony rules are available?
We support complementary (opposite colors), analogous (adjacent colors), triadic (three evenly spaced), split-complementary, tetradic (four colors), and monochromatic palettes.
Can I export my palette?
Yes, you can export your palette as CSS variables, Tailwind config, SCSS variables, or as a downloadable image. Perfect for integrating into your projects.