Timeworn Cocoa color palette — #E6DED3 · #BDB19F · #9A8C6F · #5D3B00 · #100903

A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#E6DED3): bright and airy, almost weightless.
• Stone (#BDB19F): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9A8C6F): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5D3B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#100903): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Cocoa Cabin color palette (#F0E2E6, #B0BDB3, #7C9589, #613B00, #2B191F)
• Bronze Harbor color palette (#F2EBDC, #A6A08B, #8A7C33, #413500, #070400)
• Patina Fern Canyon color palette (#F7F2E3, #DBD5B4, #AFAD8D, #635E00, #201903)
• Ancient Amber Quarry color palette (#F2E3C9, #D18300, #A68000, #5E6500, #050300)
• Wandering Pier color palette (#EEE5CB, #7E5F00, #3F3E00, #00251F, #070500)
• Patina Garden color palette (#EAE8D0, #51893A, #00531B, #352700, #080800)
• Twilit Boulevard color palette (#F2E4CC, #6E5400, #0C4203, #36001B, #090200)
• Basalt Field color palette (#E7E0D2, #BBB39C, #958E70, #534100, #110900)

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