Weathered Cobalt color palette — #F4F7EC · #9CD7FB · #0085D1 · #00637B · #224165

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Powder Blue (#9CD7FB): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#0085D1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00637B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#224165): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Cerulean Drift color palette (#F5F7E7, #8EDDE6, #008FA3, #006763, #004859)
• Cobalt Alley color palette (#F9F0E8, #99D9FF, #4A83D1, #006165, #1E1F47)
• Timeworn Workshop color palette (#F2F8E4, #8ABEE6, #0070C3, #00526C, #0E3165)
• Tempered Periwinkle Cabin color palette (#FFF1F6, #B3E2FF, #579CFA, #008286, #373B66)
• Washed Denim Field color palette (#E2E7D5, #5F97B4, #004F76, #002E39, #001529)
• Aged Summit color palette (#F5F6EF, #C9E5DC, #4AAAB0, #2F7E6F, #435949)
• Teal Workshop color palette (#FFF3E8, #C8EAFF, #91B5FF, #00A69D, #42346E)
• Airy Raspberry color palette (#FFF2EE, #FFD4CE, #FE9B6D, #B95077, #613A2D)

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