</>DevTools

PALColor Palette Generator

Generate complementary, analogous, triadic, tetradic, and monochromatic palettes from any base color with HEX/RGB/HSL output

#3B83F6
#3B83F6
rgb(59,131,246)
hsl(217,91%,60%)
#F6AE3B
#F6AE3B
rgb(246,174,59)
hsl(37,91%,60%)
#3B83F6, #F6AE3B

What is Color Palette Generator?

From a single base color, instantly produce harmonious palettes — complementary, analogous, triadic, tetradic, monochromatic, and more — ready to drop into your design system. Built on color wheel theory; HEX, RGB, and HSL output for every swatch with one-click copy.

Palette Modes

  • Complementary: opposite on the wheel — high contrast
  • Analogous: adjacent colors — soft, unified
  • Triadic: 120° apart — vibrant and balanced
  • Tetradic: 90° apart — rich, four-color
  • Split-Complementary: contrast with less tension
  • Monochromatic: tints and shades of one hue
  • Shades: lighter and darker variations

🔗Related Tools🎨 CSS Tools