Wandering Cocoa color palette — #FAF5E8 · #C1B79B · #8A8156 · #6F5B2B · #554700
A conversation between Deep Olive and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E8): bright and airy, almost weightless.
- Stone (#C1B79B): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#8A8156): A luminous, dusty green — the color of fresh herbs.
- Coffee (#6F5B2B): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Wandering 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
- Worn Chestnut color palette (#F1E6D9, #AC936A, #865917, #653700, #33302A)
- Antique Sand Basin color palette (#E9FAF0, #DEDDAC, #C0B78A, #809987, #394D45)
- Taupe Pier color palette (#EDF9F1, #A9D6C5, #AA9B64, #8D6975, #374D49)
- Weathered Coast color palette (#E6DEC7, #696D1B, #3F3900, #231B00, #090D00)
- Wandering Alley color palette (#FFF1F3, #DCAEAF, #AF7490, #8C3E5B, #732D11)
- Cerulean Villa color palette (#EDF9F1, #4B9DB1, #898142, #4C6937, #2C4335)
- Hushed Veranda color palette (#FAF3F5, #DCB3C2, #A1678E, #7F56AB, #3A2829)
- Muted Coast color palette (#FFDCCB, #FFBAD2, #BEB1FF, #5B4141, #3A3236)
Browse the whole catalog at Explore, or see today's palette.