Timeworn Cocoa color palette — #F7E6DB · #803B00 · #464600 · #002E3B · #1B0700
A conversation between Bronze and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F7E6DB): A whisper-light, dusty gold — the color of old brass.
- Bronze (#803B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#464600): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#002E3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1B0700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Obsidian Cocoa Workshop color palette (#F0E2D8, #6B3200, #2E3600, #001B35, #120400)
- Frosted Mulberry Corridor color palette (#FCE0D8, #9A0034, #3F4800, #002E38, #220006)
- Gentle Navy Basin color palette (#F6E0CD, #7B4000, #005037, #120080, #190800)
- Wandering Rust color palette (#F9D3DF, #BF4F37, #674000, #2A2500, #021901)
- Frosted Navy color palette (#F3DFC4, #B02D46, #4B3B00, #130074, #2B0A00)
- Hushed Garnet Bloom color palette (#EEE3DE, #C0B7AD, #968E6F, #7A2100, #2B1B11)
- Wandering Nightshade Pier color palette (#FFDEC1, #9B5100, #006949, #2400B2, #331700)
- Tempered Aubergine color palette (#EADDBF, #726200, #005F64, #5F005C, #201A00)
Browse the whole catalog at Explore, or see today's palette.