Softworn Cobalt color palette — #E7EEFA · #697DCB · #333A51 · #181E2B · #0A0D10

A conversation between Periwinkle and Navy, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#E7EEFA): bright and airy, almost weightless.
• Periwinkle (#697DCB): A luminous, balanced violet — the color of wild irises.
• Navy (#333A51): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#181E2B): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0A0D10): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Iris Garden color palette (#FBEDF8, #7B94F5, #67505D, #3D353B, #242024)
• Worn Amber color palette (#F2F0FF, #B988C0, #C87267, #577AA9, #282534)
• Muted Plum color palette (#E3DCF0, #A1568E, #382A42, #181321, #07050C)
• Obsidian Amethyst Chapel color palette (#E7EBFF, #7741D8, #37174F, #0A0C28, #02030B)
• Muted Pewter color palette (#F0F1FE, #BFA6E0, #46ADB9, #7F61A2, #093745)
• Worn Ash Balcony color palette (#EBF4F3, #D5D9ED, #78A0CA, #38738C, #2A3747)
• Driftwood Study color palette (#EBF4EF, #A5CEBD, #798A59, #43686E, #24352F)
• Wandering Pewter color palette (#EEF1FF, #C6C7E2, #918BA2, #745B6E, #4E3E47)

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