Timeworn Cocoa color palette — #FFF2EB · #D7BB9C · #7B5342 · #5A2900 · #292419

Espresso takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#D7BB9C): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7B5342): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5A2900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#292419): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Hushed Station color palette (#FAF4EE, #E2B791, #867F45, #93602E, #302E27)
• Ancient Basin color palette (#FBF5E4, #BEAD7D, #5A5220, #302E27, #1A1D0D)
• Driftwood Lagoon color palette (#FBF2F8, #B6DBC7, #A46D61, #6A4037, #32272F)
• Weathered Taupe color palette (#FBF2F7, #FFCFDE, #C88F78, #806375, #32282E)
• Nocturne Chestnut Hollow color palette (#F0D9C8, #815400, #1F2C2A, #240D00, #060100)
• Patina Boulevard color palette (#E9DCCD, #B2831F, #4C2F00, #221200, #070500)
• Ancient Studio color palette (#FCF4E5, #B9A66D, #767C4C, #24655F, #5A4400)
• Hushed Cocoa color palette (#FFF2EB, #BF7C6A, #7C8457, #70527B, #632A01)

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