Wandering Cocoa color palette — #FBF4EC · #C3E2CD · #ADB387 · #997D89 · #554500

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Celadon Mist (#C3E2CD): A whisper-light, dusty teal — the color of sea glass.
• Sage (#ADB387): A luminous, dusty green — the color of fresh herbs.
• Heather (#997D89): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Washed Pier color palette (#F0F8F0, #C7E7D4, #B1BC8B, #AB8FAF, #3B5446)
• Antique Fern color palette (#FFF2EC, #ECDBB5, #CBAB6E, #7E7D45, #575600)
• Ash Study color palette (#F6F7E7, #B9F4E3, #6DA9B3, #8F6D67, #313C29)
• Dusty Terrace color palette (#FEF1F5, #A5CBB8, #698C62, #60647C, #42514A)
• Wandering Stone color palette (#FEF5D5, #D2E8BE, #B9B77A, #726D38, #312F28)
• Lagoon Corridor color palette (#FBF3F0, #C6DDE2, #AFC3F1, #6AA082, #5A4558)
• Timeworn Taupe Parlor color palette (#FDF4E5, #FFE1A9, #C1C7FF, #B49558, #593B4F)
• Weathered Honey color palette (#FFF4DE, #DFCC80, #B1B5EF, #999DD2, #3B3831)

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