Worn Cobalt color palette — #E7F1F0 · #A0CAE9 · #2B8BDA · #006785 · #112D54

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E7F1F0): bright and airy, almost weightless.
• Sky (#A0CAE9): A luminous, dusty blue — the color of open sky before noon.
• Azure (#2B8BDA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006785): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#112D54): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Timeworn Cerulean color palette (#E7F1EF, #9ACEDE, #0098A5, #006D63, #00343E)
• Washed Canyon color palette (#F4EDE3, #ACDAFA, #6CA7F2, #008DA5, #1E2A56)
• Aged Iris Alley color palette (#FEF1F6, #D5E0FD, #748FD5, #006A67, #231142)
• Aged Petrol color palette (#F8EAEF, #73BAEA, #3A65B4, #004F55, #2A294B)
• Sunlit Turquoise Atelier color palette (#E9F9F7, #A2E8F4, #00ADCD, #008283, #00475C)
• Wandering Teal Atelier color palette (#D2E3E0, #38A4A7, #00646D, #003C36, #000C0F)
• Weathered Ridge color palette (#C5E4ED, #00AEAC, #8A62FF, #007271, #2A1E51)
• Powder Harbor color palette (#EEF7F7, #D9DBEA, #90B4E1, #548EAC, #485364)

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