Wandering Cocoa Ridge color palette — #FEF2EE · #EFE8B0 · #9F645E · #5F2405 · #170D08
A conversation between Espresso and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF2EE): bright and airy, almost weightless.
- Celadon Mist (#EFE8B0): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#9F645E): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#5F2405): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#170D08): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Wandering Cocoa Ridge 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
- Aged Sand color palette (#FCF4E9, #FCE3AB, #8B7247, #3C3832, #160E04)
- Tempered Cocoa color palette (#FBEFE9, #D7A979, #823F28, #421A0B, #160903)
- Chestnut Drift color palette (#FCF2F8, #F7CDA1, #BC8674, #8B513E, #2A1D25)
- Moss Chapel color palette (#F2D8CA, #A38E00, #4F1400, #0F0A04, #040000)
- Washed Mustard Garden color palette (#FFF2E9, #E6C000, #8B4000, #341400, #030100)
- Washed Sand Field color palette (#FAF5E4, #F4C886, #636925, #282B00, #050400)
- Worn Harbor color palette (#FDF3ED, #EFD7C0, #80AE5E, #C76D56, #141303)
- Patina Drift color palette (#F2F0D5, #CE9544, #314300, #1D2828, #050900)
Browse the whole catalog at Explore, or see today's palette.