Free Visual Tool

Color Palette Generator

1¢/use

Generate beautiful, harmonious color palettes. Lock colors you love, switch harmony modes, and export as CSS variables, Tailwind config, or PNG image.

About Color Palette Generation

Color harmony is the theory of combining colors in a way that is pleasing to the eye. This tool uses mathematical relationships on the color wheel to generate palettes that work well together.

Harmony Modes Explained

Analogous — Colors adjacent on the color wheel. Produces calm, cohesive palettes.
Complementary — Colors opposite on the wheel. High contrast and vibrant.
Triadic — Three colors evenly spaced. Bold and balanced.
Split-Complementary — A base color plus two colors adjacent to its complement. Versatile and dynamic.
Monochromatic — Variations of a single hue. Elegant and unified.

Tips for Using Color Palettes

Use the 60-30-10 rule: 60% dominant color, 30% secondary, and 10% accent. Lock colors you like and regenerate to find perfect companions. Export directly to CSS or Tailwind for seamless integration.