Worn Cobalt color palette — #FCF4EC · #A9CFC1 · #5878AF · #005F65 · #35355F

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

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Pistachio (#A9CFC1): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#5878AF): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#35355F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Forest Courtyard color palette (#FFF2EC, #B6CCB4, #268598, #15623B, #123F57)
• Softworn Cobalt color palette (#FFF2EA, #6DC5E4, #0073B6, #005651, #1A2D68)
• Tempered Azure Alley color palette (#F4F7ED, #B2E0D0, #579BD9, #007799, #1E3B62)
• Aged Cypress Pier color palette (#FBF4EE, #C8EAEB, #AA8EAA, #387A7D, #614B59)
• Antique Periwinkle Quarry color palette (#FDF2F6, #C5E5FF, #85B2FF, #009EA9, #2E3959)
• Tempered Cerulean color palette (#F6E9E2, #459DAE, #005070, #003128, #001330)
• Worn Balcony color palette (#F2F0D9, #7B9B33, #8765B4, #486100, #3D2B55)
• Powdered Loft color palette (#F5E9DC, #5685AE, #192E8F, #002227, #0B0027)

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