Color Palette Generator

Generate harmonious color palettes. Export as CSS variables, Tailwind, or SCSS.

Base Color

5

Color Harmony Modes

Analogous: Colors adjacent on the color wheel. Harmonious and pleasing.
Complementary: Opposite colors. High contrast, vibrant.
Triadic: Three evenly spaced colors. Balanced and colorful.
Tetradic: Four colors in a square. Rich and complex.
Split Complementary: Base + two adjacent to complement. Balanced contrast.
Monochromatic: Single hue with varying lightness. Clean and unified.

Generated Palette

#3CF6AF
HSL(157, 91%, 60%)
#3CE0F6
HSL(187, 91%, 60%)
#3C83F6
HSL(217, 91%, 60%)
#523CF6
HSL(247, 91%, 60%)
#AF3CF6
HSL(277, 91%, 60%)

Export Format

CSS Variablescss
:root {
  --color-1: #3cf6af;
  --color-2: #3ce0f6;
  --color-3: #3c83f6;
  --color-4: #523cf6;
  --color-5: #af3cf6;
}

Ready to launch your website?

Get professional hosting from $2.99/mo with free domain and SSL.

Get Hostinger Try Vercel Free