Wandering Cocoa color palette — #E8F6EA · #8AB7A5 · #877245 · #6C3F24 · #002925

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

The five colors

• Cream (#E8F6EA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8AB7A5): A luminous, dusty teal — the color of sea glass.
• Walnut (#877245): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C3F24): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#002925): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cocoa Field color palette (#D0E7D7, #939F73, #766323, #5F3000, #001D1B)
• Patina Bronze color palette (#ECF9EF, #AEA97A, #8C6E19, #6B4A1F, #27443A)
• Washed Cocoa Bloom color palette (#FCEDF4, #AAC3AC, #9A7689, #7A474B, #1E3128)
• Ancient Bronze Harbor color palette (#FFEBF8, #C79EAC, #9D6453, #6E3948, #0C2919)
• Antique Basalt Ridge color palette (#FFF4E2, #C8BE96, #A68C55, #865F49, #3E4100)
• Dusty Olive Garden color palette (#CDECDC, #5C7D40, #4B4500, #331D00, #000703)
• Airy Ultramarine color palette (#EDF2FA, #99B4E4, #AA5D37, #305FBB, #170912)
• Terracotta Bloom color palette (#F3D8E9, #BA7F3D, #9E3000, #68002E, #171200)

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