white text
Color 1
Pastel palettes are ideal when a brand needs warmth, softness, and friendliness while staying clean and readable.
Light, soft colors for gentle brands, decks, and lifestyle design.
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: #2f1e25;
--color-2: #d9b4ce;
--color-3: #f0dbe2;
--color-4: #cfa5ae;
--color-5: #e3c7bf;
}Use these generated examples as starting points, then adjust the keyword, seed, and locked colors to match your brand or interface.
spring bakery
#2e1e2f
soft launch
#2f1e2b
garden notes
#1e232f