Color Palette Generator
Generate harmonious color palettes — complementary, triadic, analogous, monochrome
Your files never leave your browser. Nothing is uploaded to any server. Privacy Policy
Pick a base color and generate a balanced palette using classic color-theory rules: complementary, analogous, triadic, tetradic, split-complementary or monochromatic. Perfect for picking brand colors, designing UI themes or building mood boards.
How to generate a color palette
1
Pick a base color
Use the color picker or paste a HEX value.
2
Choose harmony
Pick a harmony rule and the palette appears instantly.
3
Copy or export
Click any swatch to copy its HEX, or export the palette.
6 harmony rules
Complementary, analogous, triadic, tetradic, split-complementary, monochromatic.
Copy individual colors
One-click copy of HEX values for every color in the palette.
Export palette
Copy the full palette as CSS variables, Tailwind config or JSON.
Randomize
Generate a random base color to discover unexpected combinations.
FAQ
Color harmony refers to combinations of colors that look pleasing together. Most harmonies are based on geometric relationships on the color wheel.
Complementary colors create high contrast — great for accents. Analogous colors are calm and cohesive — good for backgrounds and large surfaces.
A palette built from a single hue with different saturations and lightness levels. Useful for minimalist designs.
Yes — copy the palette as CSS custom properties, a Tailwind config object or plain JSON.
Color theory ensures visual harmony but not contrast. Use the contrast checker tool for accessibility (WCAG) checks.