Weathered Cobalt color palette — #EBF9F3 · #E7D4CF · #D4BAB5 · #2F7FA7 · #10231C

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Bone (#E7D4CF): A whisper-light, dusty orange — the color of autumn markets.
• Stone (#D4BAB5): A luminous, dusty orange — the color of autumn markets.
• Cerulean (#2F7FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#10231C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cerulean Harbor color palette (#EEF8F4, #E3D3CD, #A2A89B, #5E8FB7, #25312E)
• Ancient Denim color palette (#F9F3F9, #F4D2D2, #D4B0B4, #2D609E, #110A11)
• Hushed Denim Lagoon color palette (#E8F0F6, #C7CCD5, #9B9FB6, #005B86, #21303C)
• Olive Field color palette (#FFF2E9, #DAB65D, #6A811F, #584870, #221600)
• Inked Sapphire color palette (#F7DCF2, #3A61FF, #31193B, #12161C, #0A0009)
• Aged Powder color palette (#DEFFE5, #AAC7FF, #A77C85, #456238, #2D2E0D)
• Wandering Terracotta Boulevard color palette (#DBFFEF, #06A0D7, #9F4100, #3F3900, #0F0D00)
• Aubergine Workshop color palette (#F3E5E9, #CDB4B2, #A58C81, #4F2567, #040001)

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