Timeworn Cocoa color palette — #FFF2EB · #D2B192 · #A17465 · #74554C · #604100

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#D2B192): A luminous, dusty gold — the color of old brass.
• Mocha (#A17465): A luminous, dusty orange — the color of toasted spice.
• Coffee (#74554C): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Chapel color palette (#FDF5DD, #9BAF80, #787546, #6E4900, #3A4200)
• Wandering Villa color palette (#FEF1F9, #EAD1DC, #D0A8C1, #B58481, #3C4D3B)
• Soft Amber Study color palette (#FFEAD8, #C19538, #95581B, #6D382C, #3B3707)
• Antique Workshop color palette (#EFE1D0, #9E862A, #764B00, #5A2505, #2A2404)
• Tempered Jade color palette (#F2F8E8, #47A573, #A16D83, #7C5350, #354400)
• Basalt Pier color palette (#F2F8EA, #E2B790, #316B54, #2C4000, #1F2722)
• Patina Bronze Garden color palette (#F2E4DB, #915900, #5E2400, #3C0009, #120A00)
• Muted Lagoon color palette (#F0F8EF, #009385, #875280, #653D58, #36332D)

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