Worn Cobalt color palette — #DDE0D4 · #7FBBD3 · #007FAD · #005764 · #002237

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

The five colors

• Bone (#DDE0D4): bright and airy, almost weightless.
• Sky (#7FBBD3): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007FAD): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005764): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Alley color palette (#E4E9D9, #7DA6CC, #0064C2, #004661, #000C3F)
• Wandering Cobalt color palette (#E9F9F7, #7BDAFF, #0084B6, #00505C, #000E1B)
• Wandering Cobalt Veranda color palette (#EDF0E7, #A0CAEB, #428AD0, #006787, #0A2C5D)
• Worn Denim color palette (#E2E4D7, #639CAE, #00617F, #003B40, #000B14)
• Worn Cerulean Loft color palette (#F6F7E4, #91DADB, #009EAD, #007369, #003A44)
• Azure Lagoon color palette (#F4F7EB, #AEE4FF, #3EA5E2, #007F97, #004270)
• Tempered Lagoon color palette (#F5F6EF, #CCE2DE, #82BCCB, #399796, #365144)
• Frosted Station color palette (#F2E0D1, #B1814F, #904C00, #642900, #211300)

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