Weathered Cocoa color palette — #FBF4EC · #E3CEA8 · #9C753D · #6A4400 · #312A21

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Wheat (#E3CEA8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#9C753D): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#312A21): a grounded near-black with real depth.

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

• Driftwood Summit color palette (#FEF2EE, #CAD8AC, #A9686D, #61463D, #352824)
• Bronze Atelier color palette (#FCF4E9, #F2DBB1, #B49A76, #8D6424, #312A22)
• Patina Field color palette (#FAF4EE, #EDCAA8, #00B4A2, #B57F48, #293026)
• Dusty Harbor color palette (#F3E7D4, #956D00, #372900, #1B221A, #090500)
• Mustard Canyon color palette (#FCF5E3, #EBAE4C, #756B00, #423B00, #231901)
• Driftwood Hollow color palette (#EFF8EF, #B5E2ED, #708F71, #3A4C3A, #141E15)
• Timeworn Apricot color palette (#E1DED1, #D4964F, #535B00, #282C00, #0F0B00)
• Pine Quarry color palette (#F3F7EC, #EEB69C, #378358, #244C34, #1F2415)

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