Weathered Cobalt color palette — #F9F0E9 · #97CFF4 · #4D7CC3 · #005B5F · #1C1C3D

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

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Sky (#97CFF4): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4D7CC3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1C1C3D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Cobalt color palette (#FFF1F6, #A8CAE4, #5F77AC, #00605C, #3D325D)
• Washed Cerulean color palette (#FBEFEA, #AAD3B5, #0C87B3, #0D5D4B, #2D162F)
• Petrol Veranda color palette (#F7E5DC, #6AC3CE, #007699, #004D3A, #00172E)
• Wandering Ridge color palette (#F1F7F2, #B4DAF8, #6E98CA, #00798C, #2A3861)
• Tempered Cypress color palette (#F9EFEB, #C3E8C7, #5798AE, #296D52, #08342A)
• Muted Cerulean Canyon color palette (#FFEAE0, #009BB0, #00506F, #002D24, #000410)
• Navy Balcony color palette (#EDE1D5, #337EB5, #163186, #001F23, #010009)
• Timeworn Stone color palette (#FFECF2, #FFC9EE, #DC989B, #5E6E98, #341C22)

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