Color Palette Generator

Pick a base color and choose a color harmony rule (analogous, complementary, triadic, tetradic, split-complementary, or monochromatic) to generate a five-color palette. Click any swatch to copy its hex value.

Base colorHarmony

How it works

Choose a base color with the picker or type a hex value. Select a harmony type and the tool calculates five colors based on color theory rules. Analogous picks neighbors on the color wheel. Complementary grabs the opposite side. Triadic spaces three colors evenly at 120-degree intervals. Click any swatch to copy its hex code, or copy the entire palette at once.

Color harmony types

Analogous palettes feel calm and cohesive because the colors sit next to each other on the wheel. Complementary palettes create strong contrast between opposites. Triadic and tetradic spread colors evenly for balanced variety. Split-complementary softens the tension of a pure complement by using its two neighbors instead. Monochromatic sticks to one hue and varies only lightness.

When you'd use this

Starting a new design system and need a cohesive set of brand colors. Picking accent colors that work with an existing primary. Building data visualizations that need distinct but harmonious categories. Quickly testing how different color relationships look before committing to a palette in Figma or CSS.