Color Palette Generator
Build complementary, analogous, triadic and monochromatic palettes, check WCAG contrast, and export CSS variables — free and private, everything runs in your browser.
Generator
Click a swatch to copy its value. Press Space for a random palette — locked swatches (🔒) are kept.
Shades of base
Contrast checker
Large text 24px
Normal body text — the quick brown fox jumps over the lazy dog.
–
contrast ratio (WCAG 2.1 relative luminance)
Export
Palette
Design with confidence
This card is styled with your current palette so you can judge it in a real interface.
Favorites
No saved palettes yet.