Generate harmonious color palettes using color theory principles. Create complementary, triadic, analogous, and monochromatic color schemes with adjustable settings.

Example: Select a base color #3498db (blue) and choose "Complementary" harmony to generate a palette with its opposite color #db8534 (orange).

๐ŸŽจ Color Palette Generator

Export Options

Favorite Palettes

Frequently Asked Questions

What is color harmony?

Color harmony refers to the property that certain color combinations create a pleasing effect to the eye. These harmonious combinations are based on geometric relationships on the color wheel.

What are the different harmony types?
  • Complementary: Colors opposite each other on the color wheel (180ยฐ). Creates high contrast and vibrant looks.
  • Triadic: Three colors evenly spaced around the color wheel (120ยฐ apart). Offers strong visual contrast while retaining harmony.
  • Analogous: Colors next to each other on the color wheel (30ยฐ apart). Creates serene and comfortable designs.
  • Monochromatic: Different shades, tints, and tones of a single color. Provides a subtle and conservative color scheme.
  • Split Complementary: A base color and two colors adjacent to its complement. Less tension than complementary scheme.
  • Tetradic: Four colors arranged in two complementary pairs. Rich color scheme offering plenty of variations.
What export formats are available?
  • HEX: Hexadecimal color codes (e.g., #3498db)
  • RGB: Red, Green, Blue values (e.g., rgb(52, 152, 219))
  • HSL: Hue, Saturation, Lightness values (e.g., hsl(204, 70%, 53%))
  • CSS Variables: CSS custom properties for easy integration (e.g., --color-1: #3498db;)
How do saturation and brightness adjustments work?

Saturation controls the intensity or purity of colors (0% = gray, 100% = vivid). Brightness controls how light or dark the colors appear (0% = black, 100% = full brightness).