white text
Color 1
Calm palettes work well for wellness products, healthcare, productivity tools, editorial pages, and brands that need to feel measured and trustworthy.
Soft blues, sea greens, and airy neutrals for peaceful interfaces.
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: #151136;
--color-2: #4ebcb1;
--color-3: #74c8af;
--color-4: #858a99;
--color-5: #c4c8cf;
}Use these generated examples as starting points, then adjust the keyword, seed, and locked colors to match your brand or interface.
ocean clinic
#112536
quiet morning
#112936
breathing room
#113136