Softworn Cobalt color palette — #E9F1FD · #C4BBD0 · #B19FB9 · #5F7BCD · #171F2E

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

The five colors

• Frost (#E9F1FD): bright and airy, almost weightless.
• Ash (#C4BBD0): A luminous, dusty violet — the color of a velvet chair.
• Mauve (#B19FB9): A luminous, dusty pink — the color of neon signs at night.
• Azure (#5F7BCD): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#171F2E): 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 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

• Weathered Basin color palette (#E9EFF7, #C0C3D4, #A99FBC, #305EAA, #15202E)
• Tempered Lilac Delta color palette (#F3F4FF, #E7D3E8, #D1B7CA, #A97EE9, #2F3144)
• Worn Nightshade color palette (#E5DBE2, #BEAEB7, #A38392, #272FA1, #130610)
• Patina Mulberry color palette (#DFDEE8, #B09AA9, #9C7F8C, #814B87, #0A0616)
• Weathered Lilac color palette (#E2E4FD, #BC8FD0, #AB7292, #686137, #002F29)
• Weathered Ridge color palette (#D6E0FF, #99C0FF, #D295E1, #D860D0, #1C092F)
• Byzantium Dune color palette (#F7EDD8, #7B8BFF, #A047C3, #6C5000, #0E1231)
• Soft Thicket color palette (#E8EEFE, #817AFF, #CB2459, #5F5000, #001613)

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