Timeworn Cocoa color palette — #FFF3E7 · #CF9983 · #717E49 · #575381 · #643F00
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Camel (#CF9983): A luminous, dusty orange — the color of sun-warmed clay.
- Walnut (#717E49): A full-bodied, dusty green — the color of new leaves after rain.
- Peacock (#575381): A full-bodied, dusty violet — the color of twilight just after sunset.
- Bronze (#643F00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Dusty Field color palette (#FFF2EC, #AEAA75, #488478, #764B55, #4D4A00)
- Timeworn Coast color palette (#FBF5E2, #CB96AB, #946F44, #346457, #71331B)
- Muted Ash color palette (#FAF4EE, #C9E8EC, #B18CA7, #5A785B, #644A55)
- Weathered Denim color palette (#E8F6EB, #C6A57B, #787E40, #155683, #1A3222)
- Hushed Pewter color palette (#FFF2EC, #CBBDA9, #8E937F, #7D666C, #5A4844)
- Softworn Workshop color palette (#FFF2EB, #BD7C00, #177F39, #4A2177, #3D3600)
- Tempered Summit color palette (#FFEADE, #96862C, #006A58, #542E5E, #31312A)
- Stone Archive color palette (#FFF1F5, #FFC0A1, #A3B875, #8687B3, #3C4D3D)
Browse the whole catalog at Explore, or see today's palette.