Worn Cobalt color palette — #F0F4E8 · #A1D4C4 · #4D7FB4 · #005773 · #071F44

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

The five colors

• Cream (#F0F4E8): bright and airy, almost weightless.
• Pistachio (#A1D4C4): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4D7FB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005773): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#071F44): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Loft color palette (#F1F4E5, #6BC9ED, #007BA9, #00505B, #001C2F)
• Tempered Harbor color palette (#F2F3E6, #B5D0B4, #308A90, #005D50, #00262B)
• Hushed Archive color palette (#FAF3F5, #B2C8DB, #4F76C0, #005F66, #36355D)
• Hushed Abyss Hollow color palette (#E0E2D2, #5395A4, #005266, #002B2E, #000509)
• Petrol Balcony color palette (#EDF8F7, #C1D7EB, #679ACC, #007799, #213B60)
• Misty Olive color palette (#E3E4D2, #588C40, #007D85, #7E4F00, #151500)
• Muted Olive Bloom color palette (#F2F5DB, #D4DEBA, #88CAB3, #596E30, #21240C)
• Olive Chapel color palette (#E4E1C4, #9A9A35, #6B7600, #344500, #142700)

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