Softworn Cobalt color palette — #F0F5FF · #B2B8ED · #7F78B4 · #6A5D8C · #4B4D6D

Built around Slate Blue, softened by Lavender — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#B2B8ED): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#7F78B4): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6A5D8C): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#4B4D6D): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged muted.

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

• Dusty Hollow color palette (#F4F4FF, #D6BFEE, #8970A3, #58416E, #333153)
• Cerulean Balcony color palette (#DDF2FF, #8FC6E7, #508FBA, #3E6890, #4B4B6B)
• Ancient Pewter color palette (#D9FFF4, #B6C5F5, #9D96D7, #835FA1, #704851)
• Antique Ash Boulevard color palette (#F4F4FF, #DFD6E0, #CCAAA0, #858AAF, #4D4C5C)
• Patina Lilac color palette (#F3F4FF, #A588C9, #B4757E, #4D7C9B, #3F4055)
• Driftwood Alley color palette (#EEF8F0, #A4C0AD, #698A70, #4E654E, #374E42)
• Plum Hollow color palette (#EDE4F0, #CA89CC, #9A4590, #752D61, #5A2744)
• Byzantium Lantern color palette (#E1D9FB, #B686F7, #9743CB, #741C8E, #5B2A5E)

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