Cocoa Canyon color palette — #F8E7D4 · #978653 · #774A00 · #5E2100 · #2C2400

Espresso and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F8E7D4): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#978653): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#774A00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#5E2100): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2C2400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Washed Ridge color palette (#F5E5D0, #9E9967, #7F5D17, #693300, #31312A)
• Timeworn Orchard color palette (#F5EAD4, #757C2E, #544300, #3C2100, #081C00)
• Weathered Driftwood color palette (#EADBD2, #9E8D32, #5F1D00, #2C0900, #0A0500)
• Amber Delta color palette (#F4E9E1, #C27046, #005E3E, #6C2A00, #091000)
• Dusty Amber Delta color palette (#F4DFD2, #B18427, #646100, #274200, #00301B)
• Wandering Chestnut Archive color palette (#EFDCD0, #905911, #602200, #3C000B, #110A00)
• Softworn Basalt color palette (#FAF5E7, #ADA982, #797445, #6A4B17, #3B4200)
• Antique Amber color palette (#FEE8EF, #CFAE4B, #C07E27, #925B45, #002C1F)

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