Wandering Cocoa Coast color palette — #FFF3E7 · #E6D7C2 · #CEB092 · #B38671 · #5C4300

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Bone (#E6D7C2): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CEB092): A luminous, dusty gold — the color of old brass.
• Caramel (#B38671): A luminous, dusty orange — the color of autumn markets.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Wandering Cocoa Coast 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

• Dusty Stone color palette (#FFF1F6, #D5F9DF, #CFA582, #8C7087, #33443D)
• Taupe Dune color palette (#EFF8EC, #85D4C9, #D6A4CB, #C88779, #344230)
• Stone Hollow color palette (#FEEDF2, #D1B78F, #A07485, #68505D, #203026)
• Airy Marigold Canyon color palette (#FFECCD, #D1CA93, #CA9C1C, #B26E00, #34390E)
• Dusty Bronze color palette (#FCEDDC, #AD8A39, #976000, #773800, #0E0B00)
• Driftwood Lagoon color palette (#E7DFCD, #B2B779, #A28E33, #8D6200, #1C2902)
• Terracotta Corridor color palette (#FFE9D9, #C59364, #BE5D1E, #9F2919, #201300)
• Washed Taupe Loft color palette (#F1F7EE, #F2DAB6, #8FA783, #5F7454, #272E23)

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