Timeworn Cocoa color palette — #FCF0DD · #ABB082 · #887244 · #713D07 · #232412

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

The five colors

• Cream (#FCF0DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ABB082): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#887244): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#713D07): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#232412): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Timeworn Lantern color palette (#FEF4E2, #B1A87B, #827141, #654D22, #3F3D36)
• Mustard Terrace color palette (#FDE4CA, #B99F03, #955C00, #6D2D1E, #162000)
• Straw Workshop color palette (#EAFAEE, #E6E09E, #B29B65, #855E6B, #1B382F)
• Hushed Bronze Veranda color palette (#E7F7E7, #00999B, #AA5D3C, #784129, #101E10)
• Antique Bloom color palette (#E8DDCE, #8E8B12, #704E00, #531E00, #0F0F00)
• Muted Terracotta color palette (#FFE3D4, #C97600, #A32800, #5F1733, #181100)
• Wandering Olive color palette (#ECE6D8, #568018, #4D4400, #341C00, #000703)
• Aqua Quarry color palette (#EBF5EB, #00CCCE, #8C5DAD, #007375, #19080E)

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