Worn Cobalt color palette — #EAEFF6 · #D2D7E6 · #B3B4D7 · #566FAC · #252E3D

A conversation between Slate and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Cream (#EAEFF6): bright and airy, almost weightless.
• Silver (#D2D7E6): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B3B4D7): A luminous, dusty violet — the color of wild irises.
• Slate (#566FAC): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#252E3D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Cobalt Alley color palette (#FBF2F9, #E7D6D7, #D9B9B9, #6073B0, #251B22)
• Timeworn Denim color palette (#E1E2E9, #C1C2D8, #A7A0BB, #5E52A2, #1B1F2A)
• Antique Terrace color palette (#F4F5FB, #E0D8E1, #CBBCC7, #9684BB, #454752)
• Hushed Grove color palette (#F5F3FF, #E2D9EF, #CDB3D7, #A649B8, #333040)
• Fern Quarry color palette (#DFE2FA, #B69CC3, #9E6D8B, #615A0E, #2D4418)
• Wandering Plum color palette (#DAE1F2, #7472F5, #B60058, #553F00, #00261B)
• Ancient Pine Boulevard color palette (#D7EAE1, #93B06D, #0B892D, #31587D, #003128)
• Mulberry Studio color palette (#E7E2ED, #AD9FB2, #977C94, #77125A, #0C0614)

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