Softworn Cobalt color palette — #F7F6EA · #A2B96D · #546AB2 · #566826 · #2D1F2A

A conversation between Slate and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Sage (#A2B96D): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#546AB2): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#566826): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2D1F2A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone, 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

• Worn Indigo color palette (#F1F8EE, #54C5AF, #6E62AD, #007060, #2F1E27)
• Ancient Mustard color palette (#F8F5ED, #C1AF5A, #007D8E, #705F00, #17291D)
• Timeworn Boulevard color palette (#E9F4F4, #76C79A, #108680, #15774C, #011115)
• Jade Delta color palette (#FFF2EE, #43AE7C, #0D729F, #75393C, #32422F)
• Plum Parlor color palette (#EFF9E9, #00BCA0, #A3139D, #006554, #311117)
• Hushed Cerulean Workshop color palette (#F3F7ED, #91D5B6, #14A1B1, #35946F, #17291C)
• Emerald Balcony color palette (#F3F7E8, #18A351, #764F95, #6E361F, #462C00)
• Weathered Orchard color palette (#F0F5E1, #00AB50, #5C20C4, #005625, #13092D)

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