Timeworn Cocoa color palette — #F0E7D4 · #989B6B · #716328 · #5B3D00 · #31312A
A conversation between Bronze and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0E7D4): A whisper-light, dusty gold — the color of old brass.
- Moss (#989B6B): A luminous, dusty green — the color of new leaves after rain.
- Olive (#716328): A full-bodied, balanced green — the color of fresh herbs.
- Bronze (#5B3D00): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#31312A): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Fern Bloom color palette (#F6EDD5, #828F54, #5F5700, #473400, #152B04)
- Dusty Study color palette (#F3E5DB, #B48E6C, #8A5437, #702A21, #34302A)
- Hushed Studio color palette (#DAEEE0, #A6B683, #987E15, #7C4F28, #103735)
- Soft Mulberry Balcony color palette (#FEF2F0, #C88293, #864E00, #940044, #231505)
- Ancient Harbor color palette (#FFE6D4, #8C5B28, #5C2600, #3C0200, #120900)
- Worn Field color palette (#F8EBEA, #B29862, #672A4A, #3D0927, #221010)
- Powdered Parlor color palette (#DDEEF3, #D9AF00, #FF50C8, #4D2410, #2A1617)
- Washed Pine color palette (#FFE9E6, #A35271, #147433, #004E57, #3F1917)
Browse the whole catalog at Explore, or see today's palette.