Timeworn Cocoa color palette — #EBDDD3 · #AB7B3A · #7B3700 · #460006 · #020100

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#EBDDD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#AB7B3A): A luminous, balanced gold — the color of old brass.
• Bronze (#7B3700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#460006): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: 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

• Faded Terracotta Study color palette (#F9E0CF, #BF8F58, #994200, #5E0D15, #060300)
• Softworn Moss color palette (#F2E9DA, #8A8C20, #604A00, #341A00, #000200)
• Obsidian Chestnut Loft color palette (#EBDBE3, #825800, #592400, #35000B, #020200)
• Pale Study color palette (#FFF3E7, #E6B23B, #B66800, #8B2200, #1B1900)
• Hushed Ridge color palette (#FDF5DE, #A0BF75, #817900, #5D4000, #111400)
• Hushed Peony Lagoon color palette (#F9EAFF, #D856A8, #93003B, #360600, #020100)
• Weathered Orchid color palette (#F8E4EA, #B35BF5, #743D00, #560082, #020100)
• Muted Dune color palette (#FFF4DE, #CBDA7C, #AC8F00, #865200, #162F0D)

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