Timeworn Cocoa color palette — #E6F0E4 · #6C8361 · #295A75 · #582100 · #191100
A conversation between Espresso and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#E6F0E4): a clean, paper-quiet neutral.
- Fern (#6C8361): A full-bodied, dusty green — the color of a quiet forest floor.
- Peacock (#295A75): A full-bodied, dusty blue — the color of open sky before noon.
- Espresso (#582100): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.
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
- Denim Orchard color palette (#D3F9EF, #3A849C, #3D5087, #412900, #141200)
- Wandering Onyx Archive color palette (#EBDDC7, #6C8654, #005B54, #4D1031, #200600)
- Wandering Cerulean color palette (#D8F2E0, #008D9A, #1F4A73, #351300, #050100)
- Worn Corridor color palette (#EBEDD8, #3A856B, #00504F, #0E3500, #000804)
- Denim Lantern color palette (#D0E5E7, #678BAF, #6C5698, #3C4000, #002A0E)
- Dusty Coast color palette (#DCF2E5, #00758D, #7C4B00, #003F4D, #0C0400)
- Patina Cypress color palette (#D1F0EA, #00767B, #004C5C, #002539, #000A24)
- Navy Boulevard color palette (#D6E9EC, #2C7491, #003E68, #280F38, #1E000C)
Browse the whole catalog at Explore, or see today's palette.