Cocoa Canyon color palette — #EBFAED · #8DB19B · #8B6D36 · #744510 · #234538

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBFAED): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#8DB19B): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8B6D36): A full-bodied, balanced gold — the color of old brass.
• Bronze (#744510): A full-bodied, balanced gold — the color of old brass.
• Forest (#234538): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, 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 Chestnut Lantern color palette (#DDEDE0, #9D996D, #7C5F01, #603B00, #06392C)
• Cocoa Atelier color palette (#FFF0F8, #C29AA9, #926751, #764137, #2F4331)
• Wandering Hollow color palette (#FFF3E4, #C9BD97, #AF8843, #8C5B45, #404000)
• Tempered Olive Meadow color palette (#D7F0E1, #757C3A, #504500, #362400, #0E1A00)
• Cobalt Market color palette (#F0F5FF, #6A7CC4, #936633, #455D00, #273349)
• Washed Loft color palette (#F2F5FB, #A3AAE1, #9E536F, #4F4DBB, #2B1E31)
• Chestnut Field color palette (#FFE2EF, #765020, #462000, #250400, #050300)
• Mulberry Chapel color palette (#F0EEFF, #C2A3D5, #9C5D93, #852058, #71102F)

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