Wandering Cocoa color palette — #F2F8EC · #4F8C79 · #945E42 · #5E4A00 · #30312A
A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F8EC): a clean, paper-quiet neutral.
- Fern (#4F8C79): A full-bodied, dusty teal — the color of shallow lagoons.
- Walnut (#945E42): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#5E4A00): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Weathered Boulevard color palette (#F7F6EA, #789158, #985560, #7C3800, #38352E)
- Aged Canyon color palette (#ECF9F1, #5490A0, #796D2C, #315A18, #293524)
- Softworn Chapel color palette (#E9F5EF, #2C8FB0, #A15263, #4D4908, #12211A)
- Ancient Cocoa Lantern color palette (#E8FCE5, #007571, #6E4400, #414100, #002C16)
- Chestnut Pier color palette (#FFF1F2, #B487AC, #985E5D, #744800, #3E471D)
- Patina Peony color palette (#EBF7FF, #65B2D2, #C96680, #75712A, #23343F)
- Timeworn Canyon color palette (#ECF7FE, #70CDF5, #AD95D1, #67946E, #28393E)
- Terracotta Study color palette (#FFF2ED, #9FA4CF, #7E6D9A, #81444C, #593E4D)
Browse the whole catalog at Explore, or see today's palette.