Timeworn Cocoa color palette — #FFF0F8 · #97AE96 · #93674D · #7A3D3A · #2D4335
Rust and Walnut set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sage (#97AE96): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#93674D): A full-bodied, dusty gold — the color of old brass.
- Rust (#7A3D3A): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2D4335): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: 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
- Timeworn Chestnut Canyon color palette (#E6FBEF, #88B1A5, #7A7444, #6E4900, #194542)
- Garnet Grove color palette (#F8E1EA, #81A084, #8E5321, #74271B, #0F3926)
- Bronze Terrace color palette (#FCEFE5, #C9A384, #A2633B, #6D3E2C, #2D2011)
- Wandering Amber Grove color palette (#FFF0F7, #DFB491, #BE7E56, #8A5C4A, #4A373D)
- Powdered Garnet Study color palette (#EDD8E4, #A87E52, #853E18, #680D1B, #2E2200)
- Terracotta Summit color palette (#E4FAFD, #289481, #885C9F, #8A312E, #0D3A3F)
- Weathered Boulevard color palette (#F3DBE4, #846100, #552D00, #390800, #0D0C00)
- Timeworn Petrol color palette (#EFF7F7, #85BCA6, #596AAA, #007154, #1C2434)
Browse the whole catalog at Explore, or see today's palette.