Weathered Cerulean color palette — #F9F2FF · #DB9BBA · #71B695 · #3A9BA6 · #483E50

Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Mauve (#DB9BBA): A luminous, balanced rose — the color of strawberry cream.
• Jade (#71B695): A luminous, balanced teal — the color of sea glass.
• Cerulean (#3A9BA6): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#483E50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered Cerulean into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Aged Jade Lantern color palette (#F6F3FF, #CCA1C5, #B1A66C, #4DA776, #453E54)
• Tempered Cobalt Hollow color palette (#FDF2F7, #CE9F86, #6EAA8F, #4680AC, #493740)
• Aged Meadow color palette (#FFF1F1, #FFAEE2, #8BCCA2, #92AB87, #483132)
• Linen Blush color palette (#FDE0FF, #F1677D, #00A692, #008F94, #511C25)
• Timeworn Mallow color palette (#FAF1FF, #FFAACA, #EEAE77, #ADA8D7, #483E4D)
• Aged Lantern color palette (#FDF1F8, #DDC3CA, #B58EA4, #986563, #384E3F)
• Amber Pier color palette (#FFF2F0, #CC7B99, #BA7939, #766DA4, #523C3A)
• Muted Basalt color palette (#FAF2FA, #B3DCC8, #8F7290, #5D425E, #322733)

Browse the whole catalog at Explore, or see today's palette.