Worn Cocoa color palette — #FBF4EC · #CAC0A5 · #6E8B63 · #7D5C61 · #5F4A00
A conversation between Bronze and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Stone (#CAC0A5): A luminous, dusty green — the color of fresh herbs.
- Fern (#6E8B63): A luminous, dusty green — the color of new leaves after rain.
- Graphite (#7D5C61): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Basalt Atelier color palette (#FCF4E9, #BAB089, #577F5A, #58547B, #4F4100)
- Muted Market color palette (#F9F5EB, #D7D3AF, #82A77D, #62867B, #574E00)
- Aged Lagoon Orchard color palette (#EBF5EF, #A5CDC1, #659060, #526474, #233530)
- Driftwood Station color palette (#FFF1F3, #E3DAD1, #CDC5A5, #7C85AF, #604644)
- Plum Cabin color palette (#FFF1F2, #CBA1C0, #84A46D, #A15090, #3F5530)
- Pine Delta color palette (#FBF3F1, #CCE6E0, #66A2BF, #437D58, #5F4B5E)
- Weathered Courtyard color palette (#F1E3D4, #817D3A, #175300, #321F5E, #1E1C00)
- Wandering Cypress Canyon color palette (#FAF5E5, #82A584, #007365, #6E383F, #343A00)
Browse the whole catalog at Explore, or see today's palette.