Cocoa Canyon color palette — #E6E6C3 · #67ADAB · #8D6E8C · #713F03 · #3B240E

Bronze and Turquoise set the tone — five colors that lean into optimism and sophistication.

The five colors

• Celadon Mist (#E6E6C3): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#67ADAB): A luminous, dusty teal — the color of glacier melt.
• Slate (#8D6E8C): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#713F03): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B240E): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Fern Lagoon color palette (#E0E8D8, #8AAD9A, #6D709E, #595400, #28270E)
• Patina Cocoa Pier color palette (#F6EAC7, #76AC90, #4C7969, #783920, #3F241A)
• Muted Corridor color palette (#B6F6EE, #5FB5CC, #836787, #6E463E, #3F3C35)
• Gentle Hollow color palette (#DCF1E9, #3AABD9, #725AA8, #444A00, #262A00)
• Frosted Forest Canyon color palette (#D5E9C7, #65B1DC, #846D9F, #176338, #003D31)
• Bronze Atelier color palette (#E2F9E4, #B2D2C8, #B18B96, #7A671B, #4F4100)
• Tempered Denim Loft color palette (#EDECC8, #368685, #004E93, #422C00, #1B1000)
• Weathered Balcony color palette (#D3E8F1, #898EC6, #894576, #214726, #09280E)

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