Wandering Cocoa color palette — #FFF0F8 · #95AF96 · #986448 · #793D43 · #294437

A conversation between Coffee and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#95AF96): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#986448): A full-bodied, dusty orange — the color of autumn markets.
• Coffee (#793D43): A full-bodied, balanced red — the color of late-summer berries.
• Forest (#294437): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: 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

• Aged Garnet Quarry color palette (#FAE0EB, #7EA184, #895530, #70292B, #0D392B)
• Hushed Chestnut color palette (#E8FBEF, #82B3A6, #7D7435, #73460D, #1B4544)
• Patina Studio color palette (#FDEFE5, #C5A584, #9C6647, #6B3E35, #2B2111)
• Amber Delta color palette (#FFF0F8, #DEB58E, #C17C55, #8D594F, #2F4332)
• Muted Plum Lagoon color palette (#F0F6FA, #72BAD6, #A35069, #006A87, #2B1F2F)
• Pale Garnet color palette (#EEDAE5, #A48051, #8A3A0D, #6A0026, #2A2500)
• Onyx Drift color palette (#FCDFE9, #84753D, #643A00, #4F0700, #121900)
• Plum Harbor color palette (#EEF6FF, #5185BA, #9E557E, #4E5A00, #233447)

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