Weathered Cocoa color palette — #E5F7EC · #AAB082 · #7E7648 · #5F481B · #022A22

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#E5F7EC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#AAB082): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#7E7648): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#5F481B): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#022A22): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Antique Cocoa color palette (#FEECF6, #C8A384, #946A55, #6D3D36, #152816)
• Fern Bloom color palette (#D3E6DC, #91A06C, #6B6723, #4C3C0E, #001D19)
• Worn Pewter color palette (#E7FBEE, #BDE8DB, #A99E71, #886240, #103937)
• Tempered Chestnut color palette (#FCF5E3, #C7BE99, #9A905A, #80642F, #433F00)
• Hushed Denim color palette (#E6F4FB, #C7B082, #09606E, #002C3C, #030E14)
• Ancient Dune color palette (#E3F5FF, #0095B5, #A06065, #71471B, #041D29)
• Gentle Garnet color palette (#FFE6F2, #BE7D31, #8F4200, #670F00, #1A1000)
• Velvet Chestnut Quarry color palette (#D3E8D2, #664E00, #3B2400, #1B0800, #010100)

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