🎨Developer

Color Palette Generator

Generate harmonious color palettes from a base color — complementary, analogous, triadic, split-complementary, tetradic, and monochromatic with tints and shades.

Base Color

Palette Type

Generated Palette

Base

#6467f2

Complementary

#f2ef64

Export as CSS Custom Properties

:root {
  --palette-1: #6467f2; /* Base */
  --palette-2: #f2ef64; /* Complementary */
}

Tints (Lighter Variations)

#8082f4

#9899f6

#b4b5f8

#cbccfb

#e8e8fd

Base: #6366f1

Shades (Darker Variations)

#3134ed

#1216d3

#0e10a0

#090b67

#040534

Back to all tools