Softworn Cocoa color palette — #EEE1E6 · #9AA99B · #778D7C · #643900 · #12050A

Bronze takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#EEE1E6): bright and airy, almost weightless.
• Taupe (#9AA99B): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#778D7C): A luminous, dusty teal — the color of glacier melt.
• Bronze (#643900): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#12050A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Cocoa 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

• Cocoa Chapel color palette (#F7EBF1, #B59DA7, #A07A86, #712F00, #12050C)
• Cocoa Dune color palette (#F6EDF1, #B0BFB5, #7B9992, #5D2D00, #040002)
• Dusty Chestnut color palette (#F3EEE9, #A1A293, #858C73, #915100, #120600)
• Worn Corridor color palette (#F0E6EA, #929D94, #5A7968, #422100, #14030B)
• Washed Workshop color palette (#D8E2DF, #9CBCB7, #7C9D9B, #395F00, #071714)
• Powdered Amber color palette (#E4F0E4, #CD7700, #9A6C00, #655B00, #050300)
• Patina Olive color palette (#F2ECDA, #818300, #445C2F, #003939, #001116)
• Softworn Harbor color palette (#E7F2E9, #C8DED0, #A6BEB3, #886E2B, #273129)

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