Timeworn Cocoa color palette — #FFF3E4 · #F1C7A2 · #A7B682 · #A57E95 · #5F4100

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#F1C7A2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A7B682): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#A57E95): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#5F4100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, light, 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

• Ancient Fern color palette (#F7F5EC, #DCE1C4, #A9BD98, #AF938B, #4C5301)
• Cocoa Field color palette (#FCF4E5, #F8BFC5, #CBA77E, #67978A, #703512)
• Muted Oat Grove color palette (#FFF2E9, #AFD593, #5CB6B1, #A36F8E, #3C3E37)
• Hushed Cypress color palette (#EBFAF0, #CEBD8D, #929768, #3A7C73, #364E40)
• Patina Corridor color palette (#FEF3E7, #E6C08F, #67B8C4, #8181B1, #4E385A)
• Antique Olive Corridor color palette (#F9F1E0, #C7B775, #827F36, #6B5000, #26211B)
• Ash Loft color palette (#FAF4EE, #C5DFF1, #DFB9D7, #72ADB8, #664858)
• Mustard Study color palette (#FFF3E7, #EFB707, #5FBE61, #8756BB, #393800)

Browse the whole catalog at Explore, or see today's palette.