Softworn Cobalt color palette — #EEF6FF · #97B0E0 · #747DB9 · #666092 · #5C4B64

Slate Blue takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Mauve (#97B0E0): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#747DB9): A luminous, balanced violet — the color of a velvet chair.
• Slate (#666092): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#5C4B64): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Hushed Boulevard color palette (#ECEEFF, #C3A7D9, #9F70A3, #815170, #574862)
• Cobalt Balcony color palette (#F1F5FF, #AAA9DF, #9A9E60, #6D69AA, #2D5747)
• Indigo Thicket color palette (#D8FBE8, #ADD0F9, #929ADD, #886CB1, #6B474E)
• Weathered Lagoon color palette (#D3F4FF, #82CDDE, #4791B2, #34678D, #3A516B)
• Weathered Studio color palette (#EFF8EE, #A1C2A9, #70886F, #745262, #3B4C43)
• Antique Amber color palette (#F2F5FF, #988FC6, #B67953, #3A8671, #3D4155)
• Gentle Mulberry color palette (#EFEBF9, #B789DA, #90479A, #6D2A61, #582728)
• Washed Boulevard color palette (#F3D6FD, #D091C4, #B3618F, #833C5C, #653826)

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