Color Palette Generator

Generate harmonious color palettes from any base color using color theory algorithms.

Base Color

RGB(99, 102, 241)HSL(239, 84%, 67%)

Color Harmony

:root {
  --color-1: #64adf2;
  --color-2: #6366f1;
  --color-3: #a864f2;
}

About Color Harmonies

Complementary uses two colors opposite each other on the color wheel (180° apart). Creates high contrast and visual tension.

Analogous uses colors adjacent on the color wheel (30° apart). Creates harmonious, natural-feeling palettes.

Triadic uses three colors equally spaced (120° apart). Offers vibrant variety while maintaining balance.

Tetradic (Square) uses four colors at 90° intervals. Rich color schemes — best when one color dominates.

Split-Complementary uses one base plus two colors adjacent to its complement (150° and 210°). Less tension than complementary, still vibrant.

Monochromatic varies lightness of a single hue. Clean, elegant, and easy to implement.

WCAG Contrast — AA requires 4.5:1 ratio for normal text. “AA Large” means it passes the 3:1 threshold for large text (18px+ bold or 24px+).