Worn Cobalt color palette — #FBF4ED · #9ECCE9 · #5474C3 · #00605C · #4F2F3F

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Sky (#9ECCE9): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#5474C3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#4F2F3F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, 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

• Patina Cobalt color palette (#FDF3EF, #AECEB5, #1B82B1, #00633E, #4C2F49)
• Cobalt Harbor color palette (#FFF2EA, #59C7EA, #0070C1, #005747, #2A2B60)
• Cobalt Terrace color palette (#EAF5EC, #9FCEEE, #4F7EB6, #005967, #122039)
• Ancient Azure color palette (#F9F4ED, #A7DCFF, #6799D2, #257887, #4A3146)
• Airy Bronze color palette (#E0F4EA, #229AC6, #A06D00, #005F7E, #493002)
• Feathered Archive color palette (#D4F2EC, #00B2C5, #007CAE, #1C4B98, #383A65)
• Pale Bronze Field color palette (#D0EDDD, #0087A6, #856800, #436020, #143224)
• Washed Market color palette (#DBFEF2, #FDD4EB, #D99CCB, #1B776B, #4E3749)

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