utility

Color Palette Generator & Harmony Studio

Create beautiful, cohesive color palettes for web design, branding, and UI interfaces. Explore Complementary, Analogous, Triadic, Monochromatic, and Split-Complementary color harmonies with live HEX, RGB, and HSL export.

⚡ Quick Answer

Color harmonies are aesthetically pleasing combinations of colors based on their geometric relationships on the 360-degree color wheel.

💡 How It Works

Converts base colors into HSL (Hue, Saturation, Lightness) space and computes angular hue offsets on the color wheel.

📖 How to Use Color Palette Generator

  1. Pick a base seed color or click Spacebar to randomize.
  2. Select a harmony mode (e.g. Complementary or Triadic).
  3. Copy individual HEX codes or click
  4. .

✨ Key Features

  • 5 color harmony mathematical models on the HSL color wheel
  • Interactive lock individual color swatches while regenerating others
  • Export palette as CSS variables, Tailwind tokens, or PNG swatch image
  • WCAG contrast ratio checker for each color vs white/black text

❓ Frequently Asked Questions

What is a complementary color scheme?

Complementary colors sit directly opposite each other on the 360° color wheel (180° apart), creating maximum visual contrast and energy.