Cocoa Canyon color palette — #ECE3D9 · #BEB19E · #9C8B6B · #603A00 · #120901

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

The five colors

• Parchment (#ECE3D9): bright and airy, almost weightless.
• Stone (#BEB19E): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9C8B6B): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#603A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#120901): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Aged Bronze color palette (#E4DFD7, #A79F8A, #8D7B32, #433400, #070400)
• Patina Bloom color palette (#EEE5E9, #AABFB0, #73978A, #673600, #2B1921)
• Patina Fern Delta color palette (#F7F1E3, #D9D4C1, #A0B47E, #665D00, #1F1909)
• Amber Field color palette (#FAECD4, #D88700, #9B7800, #5F5E00, #0A0700)
• Weathered Chestnut color palette (#E5DDCF, #7F5F00, #403E00, #00251F, #080500)
• Olive Atelier color palette (#E3E1D1, #598834, #07530D, #372700, #090800)
• Forest Garden color palette (#F1F1CD, #768750, #196822, #00363C, #00141D)
• Muted Basalt color palette (#E7E1D7, #B9B2A3, #968D6E, #554000, #110900)

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