Timeworn Cocoa color palette — #E5ECE5 · #ADBEB3 · #76968A · #5D3D00 · #152415
A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#E5ECE5): a clean, paper-quiet neutral.
- Stone (#ADBEB3): A luminous, dusty teal — the color of sea glass.
- Eucalyptus (#76968A): A luminous, dusty teal — the color of sea glass.
- Bronze (#5D3D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#152415): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Timeworn 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
- Patina Basalt Coast color palette (#D9E5DD, #99AFA7, #578A82, #413700, #00190C)
- Wandering Grove color palette (#EAE4DE, #CAC4B3, #90AF8A, #8A5100, #281D11)
- Weathered Garnet Delta color palette (#EEE4EC, #C4B3BC, #A8828E, #801310, #2B1728)
- Aged Fern Veranda color palette (#EDF8F3, #C3D8D2, #7AB3AE, #5F5E00, #1D392E)
- Ancient Pine color palette (#DEF2EC, #4D8A57, #00523A, #482300, #002207)
- Worn Bronze Harbor color palette (#F1F7F2, #D2DDDD, #AEC5C8, #8C702A, #3F4B42)
- Weathered Grove color palette (#EDF8F6, #CEDCE3, #A6C2C7, #1A8011, #2D4542)
- Chestnut Ridge color palette (#D8E6DA, #835F00, #344400, #00244A, #1B1600)
Browse the whole catalog at Explore, or see today's palette.