Weathered Cobalt color palette — #E8FAF4 · #8DB5D7 · #BE8D5D · #0078BC · #524C46

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

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8DB5D7): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#BE8D5D): A luminous, balanced gold — the color of old brass.
• Cerulean (#0078BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Timeworn Amber color palette (#E5F6F1, #8DB8E3, #CF8A53, #3A75AD, #36302B)
• Cobalt Station color palette (#FDF1F9, #C9A2BD, #AE9654, #616BB4, #504D46)
• Tempered Cypress Veranda color palette (#EDF9ED, #80BDBD, #C9818B, #008384, #6C3E44)
• Dusty Pier color palette (#F0F6FF, #ADC3F8, #EC997E, #718AC8, #604257)
• Softworn Olive color palette (#FEF0FF, #769BC4, #BB717B, #5E8338, #4B3D4D)
• Timeworn Thicket color palette (#FFF1F5, #AF91C6, #7A9548, #7E4AA1, #394917)
• Soft Ultramarine color palette (#FFF0FC, #648DF7, #A37600, #182BFA, #4D3600)
• Denim Orchard color palette (#FDF1F8, #D1BD9D, #5A5884, #4D2C40, #312021)

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