Softworn Cobalt color palette — #EEF6FF · #3C77B0 · #843F3B · #4F4500 · #092C32

Built around Slate, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Slate (#3C77B0): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#843F3B): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#4F4500): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#092C32): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Canyon color palette (#F2F5FE, #7582BD, #865730, #3A522D, #1F3640)
• Timeworn Coast color palette (#E8F9FD, #008386, #7D4269, #682E04, #102E2A)
• Hushed Mulberry Ridge color palette (#EBF2FF, #6279B9, #8F427F, #434100, #071227)
• Aged Pewter color palette (#E9FBEC, #7E96CF, #765C92, #694600, #323C57)
• Weathered Orchard color palette (#F3F4FF, #8347C0, #6F4E00, #00482C, #052840)
• Muted Pier color palette (#F1F6FC, #DBD9E1, #C5BBCC, #5875A2, #404853)
• Worn Ultramarine Lagoon color palette (#E4EEFF, #2930E8, #6D3000, #293000, #00191E)
• Aubergine Quarry color palette (#E5E5FD, #683390, #463A00, #003125, #011328)

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