Worn Cobalt color palette — #F5EDE1 · #A7CEC1 · #4B88D4 · #00697B · #1F2A54

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

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Pistachio (#A7CEC1): A luminous, dusty teal — the color of shallow lagoons.
• Azure (#4B88D4): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00697B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1F2A54): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cerulean Quarry color palette (#F3EEE5, #B0CDB2, #0097AD, #006E59, #003345)
• Antique Courtyard color palette (#EEF8F0, #D4DEFC, #4B93EB, #006779, #111A42)
• Washed Turquoise Dune color palette (#F9F4ED, #C3E5CB, #00ACD5, #008477, #004566)
• Hushed Sapphire color palette (#F6EDE4, #8CB8D4, #365ECB, #00504C, #302550)
• Cerulean Studio color palette (#D4FCF1, #C6D2FF, #C1A0DE, #0085A9, #41243D)
• Periwinkle Balcony color palette (#FCE9F0, #A5DBFF, #7DA0FA, #00918D, #312450)
• Powdered Boulevard color palette (#D3F6FE, #00A8D0, #007DB1, #00559B, #132E65)
• Soft Grove color palette (#C7E6DC, #4BA0DF, #BA7400, #0068A4, #3C2200)

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