black text
Color 1
Minimal palettes keep interface systems calm and scannable, using neutrals and a precise accent instead of decoration.
Quiet neutrals with a single focused accent for clean systems.
Color 1
Color 2
Color 3
Color 4
Color 5
Compare any two palette colors and get WCAG-style guidance in plain language.
Normal text
AA 4.5:1
PassLarge text
AA 3:1
PassUI components
3:1
PassGreat for body text
Copy production-ready color tokens or download a labeled palette image.
:root {
--color-1: #f6f6f4;
--color-2: #a7aaaf;
--color-3: #7e90a0;
--color-4: #494e5b;
--color-5: #90959d;
}Use these generated examples as starting points, then adjust the keyword, seed, and locked colors to match your brand or interface.
quiet dashboard
#23221a
studio notes
#aeb0b7
clean system
#f4f6f5