Wandering Cocoa color palette — #BBECDC · #B39BAD · #916F79 · #744515 · #4C4318

Bronze and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#BBECDC): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#B39BAD): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#916F79): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#744515): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4C4318): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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 Coast color palette (#F3E2EE, #C49CAA, #976F6F, #61531B, #1B4C35)
• Fern Meadow color palette (#D1E8CC, #83AED2, #876992, #534B00, #2A2708)
• Timeworn Cocoa color palette (#D1EFD2, #8AB29D, #8A6B88, #7F3D43, #623300)
• Hushed Alley color palette (#CFE8FF, #BDC7FF, #B39BC2, #9F7A89, #364F40)
• Aged Pewter Coast color palette (#F4E8F5, #9D7A8D, #6C4771, #513300, #2C2E00)
• Aged Bronze color palette (#FFF1F6, #E0BFC3, #A48B87, #7D6F24, #455001)
• Dusty Chapel color palette (#C0ECFA, #96B8D8, #A08BB1, #487366, #2B4E43)
• Worn Harbor color palette (#FBE9F1, #8F82C5, #837C00, #5F30B9, #3A3700)

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