Timeworn Cocoa color palette — #EAE5D7 · #7F9C6D · #448388 · #773C24 · #3D1100
Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#EAE5D7): bright and airy, almost weightless.
- Moss (#7F9C6D): A luminous, dusty green — the color of fresh herbs.
- Slate (#448388): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Bronze (#773C24): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#3D1100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
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
- Lagoon Archive color palette (#FFE5D5, #919851, #008B73, #7D3549, #41041B)
- Petrol Dune color palette (#DEE6D0, #57978A, #486C9C, #664120, #1E0C00)
- Feathered Cypress Canyon color palette (#DFF4E7, #7BA668, #008467, #635600, #051400)
- Aged Pier color palette (#D0E9D4, #1FA08D, #006D7B, #552B53, #370014)
- Onyx Coast color palette (#EAE0BD, #4B7E5F, #004955, #3F0400, #190500)
- Antique Basalt color palette (#C9E7DE, #81BDBE, #849BB8, #517C66, #3C3600)
- Dusty Scarlet color palette (#C3EBED, #008F95, #DA0A14, #8B4A00, #000A0B)
- Weathered Garnet color palette (#EAE8CF, #88D0B0, #5AA8C9, #AF6853, #67220B)
Browse the whole catalog at Explore, or see today's palette.