Wandering Cocoa color palette — #FBF3EE · #D3BD9A · #7F5137 · #572C00 · #2A261C

Built around Espresso, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Sand (#D3BD9A): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7F5137): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#572C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2A261C): quiet, heavy and certain.

Feels like: 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

• Bronze Dune color palette (#F9F4EF, #D9BA9A, #66885B, #9C5B00, #2E2E28)
• Fern Courtyard color palette (#F7F5EC, #C3AB7C, #4F5620, #2D3201, #182010)
• Weathered Driftwood color palette (#FCF2F8, #D5D5A3, #A1705E, #604255, #31282E)
• Antique Sand color palette (#FDF1F7, #F8DA9B, #C59174, #7F6372, #32282D)
• Eclipse Chestnut Courtyard color palette (#EBDDD0, #785900, #212E2C, #220F00, #050100)
• Tempered Bronze color palette (#E4DFCE, #9A7300, #2B2800, #111920, #0B0900)
• Worn Archive color palette (#FCF4E7, #B5A77B, #678053, #415985, #574600)
• Hushed Denim Veranda color palette (#FFF3E9, #B48462, #428B98, #425F92, #5B3100)

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