Softworn Cobalt color palette — #DCE1EA · #C3BCD0 · #B2A0BC · #5E7EC3 · #18202B

Built around Azure, softened by Mauve — the whole palette hums with creativity and sophistication.

The five colors

• Silver (#DCE1EA): bright and airy, almost weightless.
• Stone (#C3BCD0): A luminous, dusty violet — the color of a velvet chair.
• Mauve (#B2A0BC): A luminous, dusty violet — the color of a velvet chair.
• Azure (#5E7EC3): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#18202B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Softworn 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

• Softworn Balcony color palette (#DCE6F2, #BDC3DC, #A8A0BA, #2E61A2, #16202C)
• Navy Villa color palette (#F1E7EF, #BCAEB7, #9E8592, #203992, #130611)
• Dusty Mulberry Archive color palette (#E1E0EA, #AE9AA9, #9B7F8D, #7F4B8D, #090713)
• Antique Lilac color palette (#F3F4FE, #E4D4E7, #E9B3BC, #A47FEF, #2F3144)
• Lilac Atelier color palette (#E6EAFF, #B297CF, #A87791, #4A725C, #132F00)
• Worn Magenta color palette (#E4EBFF, #98C5FF, #A3A3FF, #C65FC8, #1B0439)
• Washed Villa color palette (#F1F5FD, #DDD8E2, #BDADB4, #B58DA9, #434851)
• Faded Iris color palette (#D6E2FF, #787DFF, #C62F58, #5B5200, #001616)

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