Color Palette Generator
New
Generate harmonious color palettes using color theory with WCAG contrast checking and export options
Base Color
HSL217, 91%, 60%
RGB59, 130, 246
Harmony Type
Two colors opposite on the color wheel. Creates high contrast and vibrant combinations.
Primary
Complement
Generated Palette
Shades & Tints
LighterBaseDarker
Contrast Checker
| Color | Swatch | vs White | vs Black | WCAG |
|---|---|---|---|---|
| Primary #3b82f6 | 3.68:1 AA AAA | 5.71:1 AA AAA | Best on black AA-L AAA-L | |
| Complement #f6af3c | 1.89:1 AA AAA | 11.12:1 AA AAA | Best on black AA-L AAA-L |
Export Palette
/* Generated Color Palette */
:root {
--color-primary: #3b82f6;
--color-complement: #f6af3c;
}