Wandering Cocoa color palette — #FEF3EB · #F3E6AF · #9A6950 · #5B2708 · #1A0B03

Built around Espresso, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Peach Cream (#F3E6AF): A whisper-light, dusty green — the color of a quiet forest floor.
• Walnut (#9A6950): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5B2708): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1A0B03): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Hushed Studio color palette (#F9F4ED, #DFE0CC, #9A8354, #5E4000, #221A0D)
• Aged Chapel color palette (#FBECDF, #A88B1C, #432100, #0E0C05, #030100)
• Olive Drift color palette (#FCF5E0, #FED08A, #726F00, #323000, #0B0700)
• Timeworn Grove color palette (#F9F0E8, #DAA963, #7C4517, #392108, #120B05)
• Amber Meadow color palette (#FFF1F7, #F3CE9F, #C58456, #7F5940, #2B1C24)
• Faded Amber color palette (#FCF3ED, #EBDBBB, #2EB78B, #D36700, #0E1506)
• Wandering Amber Coast color palette (#EDF1D8, #D2934F, #034A0C, #182325, #000B01)
• Nightshade Canyon color palette (#F9F5E8, #B6AF54, #169376, #4E4B98, #251204)

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