Palette Generator.
Perfect color harmonies.

Generate professional color palettes using 6 color theory rules. Export to CSS, SCSS, or Tailwind. Perfect for UI/UX designers and developers.

How to use the palette generator

Create harmonious color palettes using proven color theory rules. Perfect for UI/UX design, branding, and web development projects.

Quick start

  1. Choose a base color — Use the color picker or click "Random palette"
  2. Select harmony type — Complementary, Analogous, Triadic, Split, Tetradic, or Monochromatic
  3. View your palette — See the generated colors as swatches
  4. Copy or export — Click any color to copy its HEX code, or export the entire palette

Color harmony types

  • Complementary — Two colors opposite on the color wheel
  • Analogous — Three colors adjacent on the color wheel
  • Triadic — Three colors evenly spaced on the color wheel
  • Split complementary — Base color plus two adjacent to its complement
  • Tetradic — Four colors forming two complementary pairs
  • Monochromatic — Variations in lightness of a single color

Export formats

  • CSS — Custom properties for modern web development
  • SCSS — Sass variables for SCSS projects
  • Tailwind — Configuration object for Tailwind CSS

All color processing happens locally — no data is ever uploaded. Save your favorite palettes locally for future reference.