Timeworn Cocoa color palette — #FFF4E2 · #C99E79 · #7F7948 · #386453 · #624000
A conversation between Bronze and Camel, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Camel (#C99E79): A luminous, dusty gold — the color of old brass.
- Walnut (#7F7948): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#386453): A full-bodied, dusty teal — the color of glacier melt.
- Bronze (#624000): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Aged Taupe Lantern color palette (#FDF4E5, #B9A768, #658155, #48597C, #574600)
- Tempered Meadow color palette (#F8F5EC, #C4C2A4, #7F8841, #915430, #554F00)
- Washed Stone color palette (#FFF3E6, #CBC0A5, #999A80, #7A6A7B, #61494A)
- Hushed Moss color palette (#FFF4E2, #85A35F, #317961, #534374, #3D3E37)
- Ancient Denim color palette (#FCF0E2, #D79993, #817A47, #4B4A83, #39281A)
- Sand Bloom color palette (#EDF9EF, #F9C498, #B8B072, #6393AC, #3C4D3D)
- Muted Amber color palette (#FFF4E2, #B18300, #526B00, #004486, #3E3500)
- Faded Basin color palette (#EDDCC1, #8D7500, #2C5A00, #0C277D, #262600)
Browse the whole catalog at Explore, or see today's palette.