Timeworn Cocoa Summit color palette — #FAF4EB · #E3CEAC · #8B7C51 · #644800 · #312A1E

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Wheat (#E3CEAC): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#8B7C51): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312A1E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Timeworn Cocoa Summit 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

• Washed Driftwood color palette (#ECF9F0, #C8DBC9, #97844E, #344D3C, #151E17)
• Washed Parlor color palette (#F8F5EE, #D5BC99, #6B5D2E, #3C3832, #24261B)
• Softworn Pine Cabin color palette (#F3F7ED, #D9C099, #40815C, #08502F, #202318)
• Dusty Moss Harbor color palette (#F7F5EE, #D7D4A5, #5BAE90, #989017, #2C2F29)
• Antique Pier color palette (#EEF8F1, #F8D9A2, #AB9E72, #5A7463, #242E27)
• Aged Grove color palette (#F2ECDD, #936E00, #322C00, #1A221C, #070600)
• Weathered Fern color palette (#E0DFD2, #C2A056, #495F00, #222E00, #0E0B00)
• Washed Fern Grove color palette (#FDF4E6, #C1C196, #5CA28E, #776493, #454D00)

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