Weathered Cobalt color palette — #FDECF8 · #6ECAE2 · #0077BC · #00543F · #0F0058

A conversation between Cerulean and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#FDECF8): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#6ECAE2): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0077BC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00543F): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F0058): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Hushed Petrol color palette (#EEE6EE, #83C0C3, #00759A, #004F26, #001436)
• Soft Dune color palette (#FDEDF3, #8BC2EF, #505FE1, #005153, #250143)
• Misty Pier color palette (#E9FBEC, #4DCAE5, #00789F, #005652, #003659)
• Worn Denim Atelier color palette (#F2E6EE, #79A2BA, #0059A0, #003A2F, #08002E)
• Weathered Coast color palette (#FFF2EB, #63DEF7, #0094E0, #007555, #212D62)
• Cypress Market color palette (#F6F0F3, #D4DCEC, #7E9FC8, #1B7B6C, #2D354D)
• Navy Atelier color palette (#EADDE2, #4E7F9D, #142F8A, #001F1E, #020008)
• Washed Parlor color palette (#FFDFE5, #CF0060, #017A1E, #005C4C, #23000A)

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