Color Palette Generator
Pick a base color and instantly generate six types of color harmony palettes. Click any swatch to copy its hex value. Export the entire palette as CSS custom properties or a JSON array for use in your projects.
How it works
All palettes are generated using HSL (Hue, Saturation, Lightness) color math. The base color is converted to HSL, then the hue is rotated by specific angles to create harmonious combinations. Complementary rotates 180°, triadic uses 120° intervals, and analogous uses small 15° steps.
Monochromatic palettes keep the same hue and saturation but vary the lightness to produce a range of tints and shades. Split-complementary uses the two colors adjacent to the complement (150° and 210°), creating a softer contrast than pure complementary.
The "All Harmonies" section gives you a quick visual overview of every palette type so you can compare and choose the best harmony for your design. Export options let you copy the palette as CSS custom properties or a JavaScript array.