Worn Cobalt color palette — #EDF0E7 · #9FD1C1 · #4D8AC7 · #006787 · #0E2C59

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

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Pistachio (#9FD1C1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4D8AC7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006787): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0E2C59): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Muted Cerulean color palette (#EFF0E3, #93D1D4, #0097A8, #006D65, #00343F)
• Ancient Azure color palette (#E4FBFA, #D4DBF8, #5295DF, #006587, #061C44)
• Tempered Iris Market color palette (#D3E4D0, #00AFA5, #8174DE, #00736C, #28185E)
• Timeworn Corridor color palette (#F5F6ED, #BDE7CA, #00ADD0, #008285, #00475E)
• Aged Hollow color palette (#FBE9EF, #AAD9FF, #79A2FA, #008F9C, #2C284B)
• Chalky Sapphire Hollow color palette (#F4EDE6, #8CB7D9, #3961C0, #004E56, #2B2751)
• Dusty Delta color palette (#E4E7DA, #68ACC8, #006F9A, #004854, #001626)
• Wandering Cerulean color palette (#F4F6F0, #C8E6EB, #94B3E1, #558EAF, #614A5D)

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