Weathered Cocoa color palette — #FCF3EF · #E4CEA2 · #A76B62 · #763A1B · #322925

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Wheat (#E4CEA2): A whisper-light, dusty gold — the color of old brass.
• Mocha (#A76B62): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#763A1B): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#322925): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Loft color palette (#FCF2F8, #D4DBCD, #A7796C, #573D4F, #21181E)
• Wandering Bronze color palette (#FBF4E8, #DBC18C, #837126, #4D4216, #252118)
• Patina Stone Pier color palette (#FFF2EE, #BAC791, #824C52, #4C3129, #2A241E)
• Hushed Corridor color palette (#FBF3EF, #FBC2AB, #8FA655, #BF775A, #2F2E27)
• Patina Marigold color palette (#EADBCE, #CD9C1B, #7D4600, #3F2000, #140800)
• Worn Drift color palette (#F9F3F9, #BDEAD2, #B392B0, #7D637B, #302830)
• Softworn Bronze Parlor color palette (#E9E1CC, #A57C00, #3D3A00, #121000, #030200)
• Taupe Atelier color palette (#FEF4E3, #DFB685, #94975A, #4E738F, #5F4200)

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