Key Features
Generate complementary, analogous, triadic, and tetradic palettes
Copy colors as HEX, RGB, or HSL
Adjust base color via picker or hex input
Lock individual colors while regenerating others
Export palette as CSS variables or JSON
Preview colors on a sample UI mockup
How to Use
1Pick a base color using the color picker or hex input
2Choose a harmony type (complementary, analogous, etc.)
3Lock any colors you want to keep
4Copy individual colors or export the full palette
Common Use Cases
Choose a color scheme for a new website or app
Find accent colors that complement your brand color
Generate accessible color combinations
Build a design system with harmonious colors
Frequently Asked Questions
Are the generated palettes accessible?
The palettes follow color theory principles, but you should always verify contrast ratios for text usage. WCAG AA requires 4.5:1 for normal text.
Can I export the palette for use in my project?
Yes. You can copy individual color values (HEX/RGB/HSL) or export the full palette as CSS custom properties or JSON.