Worn Cocoa color palette — #ECE7E0 · #A8A49A · #888968 · #5D3E00 · #100700
A conversation between Bronze and Driftwood, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#ECE7E0): bright and airy, almost weightless.
- Taupe (#A8A49A): a calm mid-gray that lets other colors speak.
- Driftwood (#888968): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#5D3E00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#100700): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Ancient Basin color palette (#E9E4DD, #9FA48F, #84906E, #7D5E00, #0F0800)
- Patina Garnet Lantern color palette (#E8DCD6, #AFA297, #978363, #850502, #160400)
- Wandering Basalt Meadow color palette (#E2EEE3, #ADC0B6, #7A9993, #513600, #000200)
- Softworn Courtyard color palette (#DDE4DE, #8CA093, #5A786A, #382800, #040C05)
- Forest Chapel color palette (#DFE2D5, #AFB7A9, #839D87, #076513, #141600)
- Weathered Bronze Hollow color palette (#F1EEE8, #D9D9C8, #B3BBA6, #817200, #362D16)
- Airy Aubergine color palette (#EFE1DA, #81713E, #3F6124, #411E63, #280013)
- Tempered Garnet color palette (#F1F1DF, #468364, #00514A, #580201, #000803)
Browse the whole catalog at Explore, or see today's palette.