Worn Cobalt color palette — #FAF0E9 · #ABD2BF · #4080BA · #005C58 · #141D3F

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

The five colors

• Cream (#FAF0E9): bright and airy, almost weightless.
• Pistachio (#ABD2BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4080BA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C58): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#141D3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Washed Workshop color palette (#F4F6EF, #AACFBD, #0082B6, #005D6C, #193E59)
• Petrol Lagoon color palette (#F4E6DE, #9DBD9D, #00788E, #004E2F, #001828)
• Petrol Basin color palette (#F7F1EA, #C2E5DC, #7C8BBA, #006A7A, #402031)
• Weathered Villa color palette (#EEF7F6, #D8DDE9, #6BB0D4, #007D8D, #08324B)
• Aged Harbor color palette (#F4E9E4, #539799, #005265, #002D1C, #00050C)
• Denim Parlor color palette (#F8EBE0, #70A3C4, #1953AC, #00393C, #09002E)
• Chalky Pine Harbor color palette (#FFE9E4, #B95770, #00844E, #006967, #29040F)
• Antique Pewter color palette (#FFEDEC, #F2D1BA, #D0A777, #805088, #371911)

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