Softworn Cobalt color palette — #EDF4EE · #B3CAE2 · #5F7BB2 · #00586F · #191A43

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Lilac Frost (#B3CAE2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5F7BB2): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00586F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#191A43): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cobalt Balcony color palette (#E4F8E8, #81C5E9, #0076C1, #005059, #00114D)
• Muted Canyon color palette (#ECF5ED, #A0D0E0, #218A9F, #005D4C, #002433)
• Ancient Cobalt color palette (#F9F4EF, #A6CFC4, #6A72B2, #005F64, #452E5B)
• Wandering Cerulean color palette (#DCECDF, #4196B0, #004F72, #002C2C, #00040E)
• Ancient Ridge color palette (#EDF4EE, #D7DBEE, #869EBD, #337586, #2D3649)
• Cobalt Boulevard color palette (#DFEEDE, #BE832E, #3480C1, #754B00, #001D37)
• Aged Bronze color palette (#DBEFDC, #A27100, #007E82, #744680, #001A04)
• Wandering Balcony color palette (#F1D9E0, #AC9566, #7F5D34, #5A3319, #001E10)

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