Color Palette Generator
Pick a base color, choose a harmony, get a beautiful palette — with CSS/Tailwind/SCSS export.
Shades of base color
Export
Contrast Checker (WCAG)
Text contrast ratios against white (#fff) and black (#000)
About Color Harmonies
Color harmony theory helps create visually pleasing combinations:
- Complementary — opposite on the color wheel, high contrast, vibrant
- Analogous — adjacent colors, harmonious, low contrast
- Triadic — evenly spaced (120°), balanced, colorful
- Split Complementary — complement + neighbors, versatile, less tension
- Monochromatic — same hue, different saturation/lightness, elegant
- Tetradic — two complementary pairs, rich, needs balance