Worn Cobalt color palette — #F0F4E6 · #7BC7E9 · #007AAE · #004F5E · #001C31

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

The five colors

• Cream (#F0F4E6): bright and airy, almost weightless.
• Sky (#7BC7E9): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007AAE): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004F5E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001C31): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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 Courtyard color palette (#F1F3E7, #B1D0BF, #3686A9, #005A64, #00281D)
• Cobalt Harbor color palette (#FFF0F8, #83C2DD, #0070C0, #005653, #1E2872)
• Antique Azure Bloom color palette (#EAF9F7, #8FD6F5, #0097D3, #007081, #003657)
• Hushed Denim color palette (#E2E6D4, #63A5C9, #005E8E, #003745, #000B1B)
• Soft Garden color palette (#DCF7D4, #75DFE1, #00BFE1, #00735E, #002020)
• Navy Terrace color palette (#E6EADE, #517CA8, #00377F, #001D2D, #00000D)
• Worn Lagoon color palette (#EAEBD8, #2F9C9B, #00545A, #002C26, #000507)
• Petrol Meadow color palette (#D0E5E0, #008474, #0069A9, #525700, #00120F)

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