Color Palette Generator
Create beautiful color palettes with harmony rules and export as CSS or Tailwind config.
#3b82f6
#3b82f6
rgb(59, 130, 246)
#F6AF3C
#F6AF3C
rgb(246, 175, 60)
--color-1: #3b82f6; --color-1-rgb: 59, 130, 246; --color-1-hsl: 217, 91%, 60%; --color-2: #F6AF3C; --color-2-rgb: 246, 175, 60; --color-2-hsl: 37, 91%, 60%;
How it works
Choose a base color and a harmony rule. The generator creates a palette based on color theory relationships on the color wheel.
Color harmony facts
- Complementary colors are 180° apart on the color wheel.
- Analogous colors are adjacent (±30°) on the color wheel.
- Triadic colors are evenly spaced at 120° intervals.