Wandering Cocoa Canyon color palette — #DFEDE3 · #B49D68 · #574400 · #251B00 · #000802

Deep Olive and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#DFEDE3): bright and airy, almost weightless.
• Camel (#B49D68): A luminous, dusty gold — the color of old brass.
• Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#251B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000802): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Antique Fern Hollow color palette (#EBF4F0, #C0B387, #585823, #2A2900, #001109)
• Tempered Cocoa Parlor color palette (#F2E5EC, #C19767, #742E00, #331000, #0C0207)
• Timeworn Moss Coast color palette (#DFF6F0, #A6970B, #2E4700, #0E1A00, #010300)
• Patina Canyon color palette (#E2F7DB, #75B07F, #008152, #004434, #001D18)
• Dusty Lantern color palette (#D5E7DC, #937400, #312A00, #171C22, #0A0800)
• Olive Atelier color palette (#EBF4F1, #CBD9DC, #A0BEBC, #4E7200, #112520)
• Chalky Aubergine color palette (#FBEDF5, #A75122, #4B43A1, #5F0062, #120315)
• Cocoa Boulevard color palette (#E1EDE0, #B79C6D, #613E00, #291800, #000801)

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