Worn Cobalt color palette — #F9EEF4 · #ABCDE0 · #4F7FB1 · #005D4C · #1B1C3E

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

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Powder Blue (#ABCDE0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4F7FB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#1B1C3E): A deep, shadowed, dusty violet — the color of wild irises.

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 Quarry color palette (#FCEDF8, #63CDDA, #007BAA, #005533, #000E51)
• Weathered Cobalt color palette (#F1F7F2, #A7CBDF, #2E80AF, #005F62, #1B3C61)
• Tempered Veranda color palette (#F9EFF2, #C6E0F8, #7F8BBA, #006C6E, #282945)
• Weathered Lagoon Drift color palette (#E2F3EC, #00A3A6, #00748B, #003F66, #141F48)
• Cobalt Boulevard color palette (#DEF1FF, #0886B9, #A25820, #6E5100, #001626)
• Quiet Bronze Station color palette (#D5EDFC, #11A0C8, #B6622F, #005E78, #311100)
• Antique Petrol color palette (#DCEFFF, #62AAE0, #006C9C, #003752, #000D17)
• Muted Spruce Studio color palette (#F6E8F6, #519797, #005167, #002E0C, #00040F)

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