Timeworn Cocoa color palette — #FFF4DF · #CAE4C6 · #A3BC9C · #917274 · #663F43
Cocoa takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#CAE4C6): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#A3BC9C): A luminous, dusty green — the color of fresh herbs.
- Mocha (#917274): A full-bodied, dusty red — the color of a theater curtain.
- Cocoa (#663F43): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted, light.
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
- Weathered Lagoon color palette (#DEFBE2, #94B6AB, #589685, #6F6182, #634855)
- Cocoa Basin color palette (#FAF5E2, #D0E3D3, #B5CCB9, #A78F88, #784213)
- Dusty Driftwood Archive color palette (#F2F5D3, #AEB79D, #76896B, #49665B, #423442)
- Weathered Bronze Lantern color palette (#FEF3E7, #D8E2BC, #94A57B, #996C31, #3B3831)
- Tempered Cabin color palette (#E3FFD6, #A8EFDD, #68B3D9, #A15D50, #6B3D10)
- Timeworn Chestnut Corridor color palette (#CFFCDF, #90CFCE, #5D9183, #7A513C, #40260A)
- Ancient Denim Summit color palette (#DDFCFD, #B9E1E8, #98C1CE, #8097B8, #475375)
- Powder Cabin color palette (#FCF3EE, #C3E0EA, #84C3EC, #499183, #4F344E)
Browse the whole catalog at Explore, or see today's palette.