Weathered Cobalt color palette — #FBF4ED · #9ECCE9 · #5775BC · #00605B · #4F2E3F

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Sky (#9ECCE9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5775BC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4F2E3F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Cobalt 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

• Wandering Alley color palette (#FFF2EE, #95D2D3, #1884A6, #1D6232, #4A2F4C)
• Airy Cobalt Chapel color palette (#FFF2EA, #51C8EC, #0070C1, #005747, #292A64)
• Cobalt Canyon color palette (#E9F4F4, #A7CCEB, #4A80B3, #005771, #0B213B)
• Muted Ash color palette (#FBF4EE, #C1F1F3, #839AC3, #407B74, #604C56)
• Wandering Loft color palette (#FEF1F6, #CAE4F9, #86B2FC, #009EA8, #353461)
• Faded Delta color palette (#F4F0D2, #91A932, #7E51A8, #4F5F00, #3F2A54)
• Cerulean Study color palette (#F4DFD5, #00A1B5, #004F75, #003220, #050C3B)
• Hushed Navy color palette (#F3E8DE, #4486BA, #283081, #002223, #0F0022)

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