Wandering Cocoa color palette — #FFF2EA · #BCA281 · #95664D · #773E44 · #3F3D36

Coffee and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#BCA281): A luminous, dusty gold — the color of old brass.
• Walnut (#95664D): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#773E44): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Garnet color palette (#F6E4D9, #B09169, #8B533B, #6C2C38, #33302A)
• Basalt Veranda color palette (#FCF4E3, #ADA982, #7F723D, #724618, #384300)
• Bronze Parlor color palette (#FFECF5, #CB9CAD, #A56138, #6B3E36, #172719)
• Amber Thicket color palette (#FFF2E9, #D8B796, #BB7F5D, #8C5A50, #533700)
• Wandering Cocoa color palette (#F5F3FF, #CA9CC8, #AC5877, #883400, #5B3700)
• Patina Sand color palette (#FFF0F8, #EBCBA1, #D0A08B, #977E9A, #2A4437)
• Patina Terracotta color palette (#FFF2EF, #A76075, #893E24, #004B45, #3C2022)
• Muted Station color palette (#FFE5CF, #8B723D, #6A3500, #52000B, #161800)

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