🎨

Color Palette Generator

Generate color palettes from a base color: monochromatic, analogous, complementary, triadic, tetradic. Export to CSS or JSON.

Reference

What are color harmonies?

Color harmonies are mathematical relationships on the color wheel. Analogous picks neighbors (cohesive, calm); complementary uses opposites (high contrast); triadic picks three evenly spaced (vibrant); tetradic picks four (rich but harder to balance). The tool computes hue rotations in HSL space.

Harmonies explained

  • Monochromatic — same hue, varied lightness.
  • Analogous — three neighbors on the wheel.
  • Complementary — opposite hue.
  • Triadic / tetradic — three or four evenly spaced hues.

Common uses

  • Brand identity — derive a palette from your primary color.
  • UI design — generate consistent accent colors.
  • Illustrations — pick harmonies for layered artwork.
  • Data viz — make distinguishable category colors.

Privacy

All generation runs 100% in your browser. No data is sent to any server.

← Back to all tools