Cocoa Canyon color palette — #FBF4EC · #E4CDAF · #99764B · #6C4300 · #322A20
Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Wheat (#E4CDAF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Walnut (#99764B): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
- Espresso (#322A20): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Tempered Driftwood Balcony color palette (#EFF8EE, #CBDACA, #A27F54, #3D4B3B, #161E16)
- Timeworn Chestnut color palette (#FBF4EC, #D3BD95, #7F531E, #513000, #282619)
- Patina Olive color palette (#F6F6ED, #CCC693, #5E7D3B, #354A1D, #232312)
- Bronze Veranda color palette (#F2E6D5, #946D0E, #3B2700, #1B2119, #0A0500)
- Amber Summit color palette (#F8F5ED, #DFD19D, #7BAB6F, #A58A00, #2E2E28)
- Dusty Taupe color palette (#E5DDCC, #BDA256, #625600, #302900, #100A00)
- Hushed Coast color palette (#FEF1F5, #F0DCA8, #BE966C, #81636E, #32282C)
- Fern Alley color palette (#F9F5E8, #B2C698, #71A078, #2A7A90, #4C4B00)
Browse the whole catalog at Explore, or see today's palette.