Timeworn Cocoa color palette — #FFF1F5 · #E4D7D3 · #DAB9A8 · #9A8576 · #714300

Bronze takes the lead with Sand close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Bone (#E4D7D3): bright and airy, almost weightless.
• Sand (#DAB9A8): A luminous, dusty orange — the color of sun-warmed clay.
• Driftwood (#9A8576): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#714300): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Driftwood Corridor color palette (#FFF2EE, #E7D9C4, #D2A285, #94843B, #545400)
• Coral Cabin color palette (#FFF0F9, #ECAFC3, #C46A70, #6B552D, #322709)
• Weathered Workshop color palette (#E4FDEB, #CEBBC7, #A38588, #697861, #41584E)
• Chestnut Study color palette (#F4DCD3, #BC8256, #7E5600, #073602, #000A03)
• Washed Coast color palette (#F6F6EB, #BCE2D6, #89BD93, #748D79, #484A00)
• Washed Mallow Atelier color palette (#FFF1F5, #EED5E1, #DC9CDF, #9C6B93, #6B484A)
• Washed Alley color palette (#FFF2F0, #F8C8BB, #C38F84, #896C25, #38362F)
• Feathered Cabin color palette (#FFD3D9, #D88B88, #A25433, #4F4C00, #1E1A00)

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