Worn Cocoa color palette — #FEF2EE · #E6CDA6 · #AD6763 · #77391F · #342824

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

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Wheat (#E6CDA6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#AD6763): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#77391F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#342824): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn 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

• Driftwood Quarry color palette (#FAF2F8, #E7D8D6, #A8786F, #543E4F, #21181F)
• Aged Bronze Drift color palette (#FBF4E8, #DDC085, #876F2C, #504016, #272116)
• Aged Field color palette (#FFF2EF, #B8C891, #7F4D5A, #49322E, #2A231D)
• Weathered Moss color palette (#FAF4F0, #F9C3B3, #96A548, #C2755E, #2F2E27)
• Rust Courtyard color palette (#FFF2EA, #E5B236, #AB4500, #5D2A0F, #281609)
• Dusty Marigold Study color palette (#E9DBCF, #CB9D27, #824200, #411E00, #130802)
• Patina Bone color palette (#F9F3F9, #C0E9D4, #AF94B0, #7C637D, #312831)
• Amber Coast color palette (#F8ECDD, #B88A00, #5D3E00, #261700, #050200)

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