Color Palette Generator
Generate beautiful color palettes: complementary, analogous, triadic, and more. Lock colors and regenerate. Export as CSS or JSON.
How It Works
Color harmony theory defines pleasing color combinations based on their positions on the color wheel. Complementary colors sit opposite each other (high contrast). Analogous colors sit next to each other (natural, harmonious). Triadic colors are evenly spaced at 120° apart (vibrant, balanced). Split-complementary uses one base plus two adjacent to its complement. Monochromatic uses variations of a single hue. Lock any color you like and regenerate the rest.
Frequently Asked Questions
What color harmony should I use?
Complementary for bold, high-contrast designs. Analogous for calm, natural-feeling palettes. Triadic for vibrant, balanced designs. Monochromatic for clean, professional looks. Split-complementary for contrast without the intensity of full complementary.
How many colors should a palette have?
Most design systems use 3-5 colors: a primary, secondary, accent, and 1-2 neutrals. For web design, the 60-30-10 rule works well: 60% dominant color, 30% secondary, 10% accent.
Can I export the palette for my project?
Yes! Export as CSS custom properties (variables), JSON, or copy individual hex values. The CSS export is ready to paste into your stylesheet.