🎨Color Palette Generator (Harmony Rules)
Generate 5-color palettes by harmony rule — monochrome, analogous, complementary, triadic, tetradic. Click to copy HEX.
How to use
- 1Pick a harmony rule (random / monochrome / analogous / complementary / triadic / tetradic).
- 2Click 'Generate' until you find one you like.
- 3Click any swatch to copy its HEX code.
FAQ
What do the modes mean?+
Monochrome: shades of one color. Analogous: within 30 degrees on the wheel. Complementary: opposite colors. Triadic: 120 degrees apart. Tetradic: 90 degrees apart.
Which combo is safest?+
Analogous is easy and harmonious. Complementary is great for emphasis but can feel garish if misused. Triadic and tetradic are good for balanced, colorful designs.
How does this compare to Adobe Color?+
Adobe Color has more precise controls and image-based extraction but requires signup. This tool is for quick inspiration, no signup needed.
Can I anchor to a brand color?+
This tool is random-only — no fixed base color option. To extract a color from an image, pair with [color extract].
Does it check accessibility (WCAG)?+
This tool focuses on aesthetic harmony. For text/background contrast checks, use [WCAG color contrast].
How do I use the result as CSS variables?+
Copy the HEX values into :root { --color-1: #...; } to apply across your site.