Color Palette Generator

Generate beautiful color palettes based on color theory. Create complementary, triadic, and analogous color schemes for your designs.

Base Color Selection

Choose a base color using the picker or type/paste a hex value in the text field

Palette Type

Generated Palette

Base Color
#3B82F6
RGB(59, 130, 246)
HSL(217, 91%, 60%)
Color 2
#f6af3c
RGB(246, 175, 60)
HSL(37, 91%, 60%)
Color 3
#e9897c
RGB(233, 137, 124)
HSL(7, 71%, 70%)
Color 4
#dce97c
RGB(220, 233, 124)
HSL(67, 71%, 70%)
Color 5
#adc5eb
RGB(173, 197, 235)
HSL(217, 61%, 80%)

Export Palette

Preview - CSS Variables

:root {
  --color-1: #3B82F6;
  --color-2: #f6af3c;
  --color-3: #e9897c;
  --color-4: #dce97c;
  --color-5: #adc5eb;
}

About Color Theory

Color theory is a set of principles used to create harmonious color combinations. Understanding these relationships helps create visually appealing designs:

  • Complementary: Create high contrast and make colors appear more vibrant
  • Triadic: Offer strong visual contrast while retaining harmony and color richness
  • Analogous: Create serene and comfortable designs, often found in nature

Use these palettes as a starting point for your designs. You can adjust saturation and lightness to fit your specific needs.