Weathered Cocoa color palette — #ECE4DD · #C7B8A4 · #959568 · #612900 · #030100
A conversation between Rust and Moss, giving this palette its sense of nature and growth.
The five colors
- Parchment (#ECE4DD): bright and airy, almost weightless.
- Stone (#C7B8A4): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#959568): A luminous, dusty green — the color of a quiet forest floor.
- Rust (#612900): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Weathered Garnet color palette (#F4E7E5, #C7B7AF, #A58D77, #720034, #040000)
- Ancient Archive color palette (#ECDFE5, #939D93, #607768, #451F00, #11050B)
- Worn Fern color palette (#F0EEE4, #CED3BC, #9AAD8D, #4A5300, #030200)
- Ancient Fern color palette (#F1D9D0, #9D7F40, #2D5415, #2A1745, #06000A)
- Timeworn Olive color palette (#F6EEDC, #63873E, #004829, #390019, #010100)
- Soft Grove color palette (#EFE1CF, #FF7B7E, #B47B00, #2A6700, #020100)
- Tempered Parlor color palette (#FBF4EC, #DBE0CF, #B7CBB0, #9E6A17, #271C0F)
- Deep Ridge color palette (#F6E5CC, #A14200, #373300, #080034, #020100)
Browse the whole catalog at Explore, or see today's palette.