Color Palette Generator
Generate beautiful color palettes from any base color using color theory.
How It Works
Color harmony is the principle that certain combinations of colors are pleasing when used together. The rules are grounded in the color wheel — a circular diagram of colors arranged by their chromatic relationships.
All harmonies are calculated in HSL (Hue, Saturation, Lightness) color space. Hue (0–360°) encodes position on the wheel. Complementary pairs a color with its direct opposite (180°) for high contrast. Analogous groups neighboring colors (±30–60°) for a natural, cohesive feel. Triadic uses three hues spaced 120° apart for vibrant balance. Split-complementary softens the complementary pairing by using the two colors flanking the opposite hue. Tetradic (square) picks four evenly spaced hues (90° intervals) for rich variety. Monochromatic stays on one hue, varying only lightness for a minimal, unified look.
The 60-30-10 rule is a practical guideline: use your dominant color for 60% of a design, a secondary color for 30%, and an accent for the remaining 10%. This creates visual balance while directing attention through contrast.
All generation is done client-side — nothing leaves your browser. Share your palette via the URL, which encodes your base color and harmony mode.