Timeworn Cocoa color palette — #FFF2EB · #E9CE95 · #9D7163 · #753B14 · #312925

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#E9CE95): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#9D7163): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#753B14): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#312925): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Study color palette (#FBF2F7, #E6D7D5, #A97966, #643A28, #24171F)
• Worn Mustard Market color palette (#FAF5E8, #E2BF75, #79743A, #524000, #262114)
• Muted Pier color palette (#FAF2F8, #BEEAD1, #C48F84, #8F5F54, #32282F)
• Weathered Taupe color palette (#FCF3ED, #FEC29F, #89A768, #B18062, #2E2E27)
• Aged Marigold color palette (#ECDBC8, #CF9C00, #764A00, #3B2300, #140800)
• Aged Mustard color palette (#FFF4E2, #DDB878, #8C9965, #527293, #5C4300)
• Muted Bronze color palette (#F4DECE, #936E00, #491D00, #1A1D13, #0F0300)
• Hushed Lantern color palette (#FFF2EA, #EC9066, #53ABAF, #647C9F, #423C37)

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