Color Palette Generator
Generate harmonious color schemes from any base color. Export as CSS variables, Tailwind config, or copy hex codes.
Export
How It Works
Color Harmony
Uses color theory algorithms — complementary, analogous, triadic, and more — to generate visually balanced palettes.
One-Click Export
Copy your palette as CSS custom properties, Tailwind config, SCSS variables, or a plain array.
Random Mode
Hit the random button to explore unexpected color combinations and discover new palettes.
100% Client-Side
Everything runs in your browser. No data sent anywhere, no tracking, no analytics.
FAQ
What is color harmony?
Color harmony refers to aesthetically pleasing arrangements of colors based on their positions on the color wheel. Common harmonies include complementary (opposite colors), analogous (adjacent colors), and triadic (evenly spaced).
Can I use these palettes commercially?
Yes. Colors cannot be copyrighted. Any palette generated here is free to use in any personal or commercial project.
What's the difference between RGB, HSL, and Hex?
They're all ways to represent colors. Hex (#FF0000) is compact and widely used in CSS. RGB (255, 0, 0) breaks color into red, green, blue channels. HSL (0°, 100%, 50%) uses hue, saturation, lightness — which is more intuitive for generating harmonies.
How do I pick a good base color?
Start with your brand's primary color, or use our random generator to explore. A good base color has moderate saturation (40-80%) and lightness (30-60%) for the most versatile palettes.