Softworn Cobalt color palette — #CFF5E4 · #87B7E1 · #697DB8 · #5D598D · #462734

Built around Slate Blue, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#CFF5E4): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#87B7E1): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#697DB8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Slate (#5D598D): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#462734): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

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

• Wandering Garden color palette (#F7DCF7, #A9B0E7, #8778B0, #71507D, #4B272A)
• Petrol Meadow color palette (#FAEDF6, #A3B0E5, #AC9B69, #626EA3, #34312A)
• Weathered Cerulean Orchard color palette (#E5FAD9, #74C9CB, #3292AB, #255D80, #442F45)
• Washed Periwinkle color palette (#EBF7FF, #9FCEF5, #7599D9, #6D6BAE, #4E4E6F)
• Washed Navy Chapel color palette (#FFEBF6, #CDC8F9, #7D7FB3, #464474, #1F1839)
• Powdered Grape color palette (#E7EDFF, #9C86D9, #7D44A0, #5B1F5F, #3A0F26)
• Airy Corridor color palette (#F1EDFF, #B68FD5, #9B5B98, #773559, #4C1E25)
• Timeworn Amethyst color palette (#DDEFFF, #688DFF, #7652D6, #5F2A93, #420341)

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