Cocoa Canyon color palette — #DEF7DD · #B19C46 · #8E5E00 · #773200 · #323A05

Rust and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEF7DD): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#B19C46): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#8E5E00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#773200): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#323A05): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns 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

• Muted Olive color palette (#D2F9E6, #8BA866, #726D00, #614300, #153F21)
• Frosted Atelier color palette (#C9E8C5, #A48B3A, #7E4F00, #652500, #292C00)
• Washed Bronze color palette (#DCF7DD, #CFB06F, #AE7B1F, #895200, #413400)
• Frosted Garnet Lagoon color palette (#FFE6F5, #C29263, #9C5233, #7B2833, #433306)
• Softworn Bronze Orchard color palette (#FFF0F8, #97AF94, #936750, #634661, #2D4335)
• Bronze Summit color palette (#FFE6D2, #866000, #552C00, #390600, #0E0C00)
• Ancient Grove color palette (#CCEDDD, #618234, #4A4800, #362400, #001D08)
• Cobalt Summit color palette (#EDF7FF, #007EBC, #7B6400, #015B13, #0C2E47)

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