Color Palette Generator

Generate color palettes from a base color. Includes complementary, analogous, triadic, split-complementary, and monochromatic schemes.

Base Color

Complementary

#3B82F6

#f6af3c

Analogous

#3ce0f6

#3B82F6

#523cf6

Triadic

#3B82F6

#f63c83

#83f63c

Split-Complementary

#3B82F6

#f6523c

#e0f63c

Monochromatic

#031e49

#073c92

#0a5adb

#3c83f6

#85b2f9

#cee0fd

Export Palette

complementary

analogous

triadic

splitComplementary

monochromatic

How to Use

1
Select base color
Choose a base color using the color picker or enter a hex code.
2
View palettes
See complementary, analogous, triadic, split-complementary, and monochromatic palettes generated from your base color.
3
Copy colors
Copy individual colors or export entire palettes as CSS variables, Tailwind config, or JSON.

A color palette is a set of colors that work harmoniously together. Color theory defines relationships on the color wheel—complementary colors create contrast, analogous colors create harmony.