Worn Cocoa color palette — #EDF9F0 · #89B2A1 · #817141 · #6D4921 · #26443E
Bronze takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EDF9F0): a clean, paper-quiet neutral.
- Sage (#89B2A1): A luminous, dusty teal — the color of shallow lagoons.
- Walnut (#817141): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#6D4921): A full-bodied, dusty gold — the color of old brass.
- Forest (#26443E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Worn 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
- Bronze Veranda color palette (#F8F1E3, #B9AA83, #857438, #5F4815, #28220D)
- Muted Bloom color palette (#DAEEDF, #989B69, #7A600D, #643700, #003931)
- Muted Cocoa color palette (#FFF0F9, #C19BA8, #966550, #7B3B3F, #2C4432)
- Oat Grove color palette (#FFF4DF, #D0D69A, #BDAB7A, #9D8368, #414000)
- Timeworn Driftwood color palette (#EAFAEF, #C5C090, #9F8F54, #4F7357, #284439)
- Wandering Hollow color palette (#F8F3FC, #D69AB5, #886A14, #9A326A, #18291C)
- Timeworn Harbor color palette (#C7EAD7, #5C703A, #3F3900, #281900, #001002)
- Garnet Lantern color palette (#F9D0E8, #B5814D, #973A00, #75001E, #352700)
Browse the whole catalog at Explore, or see today's palette.