🎨

Color Palette Generator

Generate harmonious color palettes with complementary, triadic, analogous, and monochromatic schemes.

Design

Opposite colors on the wheel

#2D599F
#5B4CCD
#DDBC88
#929F2D
#7DCD4C

Click a color to copy • Lock colors to keep them when regenerating

Preview CSS Variables
:root {
  --color-1: #2D599F;
  --color-2: #5B4CCD;
  --color-3: #DDBC88;
  --color-4: #929F2D;
  --color-5: #7DCD4C;
}

✨ Features

  • ✓Multiple harmony types (complementary, triadic, analogous)
  • ✓Export as CSS variables
  • ✓Export as Tailwind config
  • ✓Live color preview
  • ✓HEX, RGB, HSL formats
  • ✓No signup required

🆓 Free Alternative To

CoolorsAdobe ColorPalettonColormindColor Hunt

No sign-up, no limits, no tracking. Just works.

Related Tools

🌈

Gradient Generator

Create beautiful linear and radial gradients with multiple color stops and copy CSS.

🔲

Contrast Checker

Check color contrast ratios for WCAG accessibility compliance. Test text and background combinations for AA and AAA levels.

📝

Lorem Ipsum Generator

Generate placeholder text in classic Latin or hipster style for your designs and mockups.