Weathered Cocoa color palette — #EEE8E4 · #BEB2A2 · #9F9573 · #833B00 · #1C1109

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

The five colors

• Parchment (#EEE8E4): a clean, paper-quiet neutral.
• Stone (#BEB2A2): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9F9573): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#833B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#1C1109): 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 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

• Wandering Quarry color palette (#E8DDDB, #C6AFA4, #AF8E70, #8F214B, #200E0B)
• Cocoa Veranda color palette (#E9E2D7, #A9A592, #868A63, #594000, #100700)
• Hushed Bronze Summit color palette (#EBDCE4, #A2BDB8, #82A3A7, #AB5727, #1F0D18)
• Timeworn Fern Terrace color palette (#DFDFD8, #C0C8B2, #98AB93, #4A6D00, #21200F)
• Hazy Field color palette (#FFE7E2, #A68750, #516A00, #3F2C6D, #2F0229)
• Worn Lantern color palette (#FDF3EB, #EADCC3, #B8C58D, #AD6200, #37322D)
• Dusty Garnet color palette (#F4EDDB, #6A9142, #00633B, #641235, #081300)
• Tempered Courtyard color palette (#F5F6EF, #D4DDD8, #B1C7C1, #749C69, #48493F)

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