Weathered Cobalt color palette — #E8F9F9 · #9CCBEF · #3E7CB8 · #105B75 · #243C59

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

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Sky (#9CCBEF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3E7CB8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#105B75): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#243C59): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Softworn Cerulean color palette (#ECF8F6, #90D3D5, #008895, #006058, #144052)
• Petrol Villa color palette (#FAF4EB, #B3E0D0, #7098CA, #0E798C, #2C3861)
• Hushed Cerulean Market color palette (#CFE7E3, #2E9FB5, #005267, #002F32, #001721)
• Misty Harbor color palette (#D9EDEC, #3E85C2, #003A78, #00202F, #000429)
• Powder Bloom color palette (#FDF1F6, #C9E4FB, #92AFFC, #00A09D, #3E3358)
• Washed Sand color palette (#DFFFE2, #F7E1A6, #B8B87F, #855F3D, #2F4733)
• Wandering Amber color palette (#FFE7F0, #CA7600, #9E5BA3, #7E4700, #48274A)
• Chestnut Ridge color palette (#F8E1E9, #B58F60, #8A561D, #5F3A20, #223625)

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