Wandering Cocoa color palette — #FAEFEA · #D1AB87 · #7C4338 · #3B1F10 · #170802

Coffee takes the lead with Camel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Cream (#FAEFEA): a clean, paper-quiet neutral.
• Camel (#D1AB87): A luminous, dusty gold — the color of old brass.
• Coffee (#7C4338): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3B1F10): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#170802): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Marigold Pier color palette (#FBF0E1, #CE9F38, #644600, #2D1D00, #0E0600)
• Worn Cocoa Drift color palette (#FAF2FA, #B3B183, #753F41, #491F21, #2A1C2A)
• Softworn Atelier color palette (#F9F0E9, #DCA686, #917000, #954F1E, #150C00)
• Bronze Harbor color palette (#FDF1FA, #E6BB92, #9E5E51, #633229, #2A1D27)
• Bronze Quarry color palette (#FFE3C0, #C3A56F, #8E7925, #4D4900, #222500)
• Wandering Thicket color palette (#FFEEE5, #BD6D59, #727C37, #653F7B, #27150B)
• Tempered Bronze color palette (#F2EDDA, #8F7600, #2C2C00, #0F191B, #080800)
• Muted Courtyard color palette (#FFEDE9, #AE596D, #235D8E, #453B72, #23090E)

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