Softworn Cocoa color palette — #EEF9ED · #90B09B · #8B6C45 · #784125 · #234539
A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#EEF9ED): a clean, paper-quiet neutral.
- Sage (#90B09B): A luminous, dusty teal — the color of glacier melt.
- Walnut (#8B6C45): A full-bodied, dusty gold — the color of honey in a jar.
- Bronze (#784125): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#234539): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
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
- Softworn Chapel color palette (#DFECE0, #76A28A, #7D5D26, #68340D, #0B392E)
- Aged Archive color palette (#EAF9F1, #9CC1B7, #618B77, #73592C, #324E4B)
- Garnet Hollow color palette (#FFF0F9, #C39AAA, #966453, #7D3941, #2A442F)
- Dusty Bronze color palette (#FCF0E1, #C1A879, #966C2C, #644525, #2A2111)
- Tempered Grove color palette (#EDF9ED, #D4BA8A, #AF874F, #875F39, #304236)
- Sunlit Dune color palette (#FFE7F1, #B69766, #9E5200, #7F261A, #3E3600)
- Garnet Market color palette (#ECD9DF, #9A864F, #794900, #5F1F00, #252600)
- Tempered Ridge color palette (#F0F6FD, #93B0DB, #A84A6E, #215CB2, #2B1E31)
Browse the whole catalog at Explore, or see today's palette.