Timeworn Cocoa color palette — #F8F6E6 · #7BA971 · #367051 · #703B06 · #35362F
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#7BA971): A luminous, balanced green — the color of fresh herbs.
- Pine (#367051): A full-bodied, dusty teal — the color of shallow lagoons.
- Bronze (#703B06): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Fern Courtyard color palette (#FDF4E6, #A79D4E, #5B6B1E, #4F4A44, #38352E)
- Cypress Archive color palette (#F6F2DF, #88AB87, #05765D, #64383C, #1C1E02)
- Linen Pine color palette (#F8F6E2, #73B57B, #007C59, #455926, #224326)
- Emerald Workshop color palette (#E5E7D0, #42A170, #006353, #3E3E37, #252D11)
- Antique Seafoam Loft color palette (#F5F8E0, #9CF0CB, #65C0BE, #696E3C, #44463F)
- Tempered Lagoon color palette (#E4FBF2, #98C197, #379378, #835458, #163D39)
- Airy Lantern color palette (#EBE7CD, #969B00, #5B7C00, #2B5510, #004038)
- Driftwood Villa color palette (#F9F5E9, #C6C39F, #808740, #7A6317, #564E00)
Browse the whole catalog at Explore, or see today's palette.