Weathered Cocoa color palette — #FEEFE2 · #BEA790 · #966A49 · #743A1B · #2F1F0A

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FEEFE2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BEA790): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#966A49): A full-bodied, dusty gold — the color of old brass.
• Bronze (#743A1B): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2F1F0A): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Ancient Olive color palette (#F6F2E4, #B3AC87, #78793B, #574C0E, #272304)
• Timeworn Summit color palette (#F1DDC9, #B39268, #8D5618, #612E00, #231500)
• Washed Bronze color palette (#FFF0F7, #C0A175, #9E6136, #71433D, #2A4435)
• Muted Amber color palette (#FFF1F7, #DCB0BF, #B6825C, #885E49, #324232)
• Timeworn Bronze color palette (#FDEDF1, #9D72B3, #AA5B4A, #754600, #2A1019)
• Ancient Chestnut color palette (#EAF6E8, #329389, #8D5400, #494600, #101501)
• Chestnut Studio color palette (#FBE3CB, #82580B, #4F2D00, #281100, #030100)
• Dusty Aubergine color palette (#EBEAFF, #BAAADD, #8F69AF, #6D207E, #390038)

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