Color & Design
A combination that feels right.
A contrast you can measure.
Browser-local colorsNo account or uploadDirect downloads
01 / EXPLORE THE POSSIBILITIES
Color Palette Generator
Create 2 to 8 colors, explore six color harmonies, lock and edit swatches, check pair contrasts and export CSS or JSON.
Open generator02 / CHECK THE DIFFERENCE
Color Contrast Checker
Check text and background contrast against WCAG 2.2 AA and AAA. Compare transparent sRGB colors over an explicit canvas and explore passing text colors.
Open checkerStart with a feeling.
Build a palette around a base color, keep the swatches you love and export the exact HEX values you see.
Finish with a check.
A harmonious palette is a starting point. Check text and background pairs against WCAG ratios and review the actual design in context.