Cocoa Canyon color palette — #FFEFDF · #BCA888 · #8F6E4D · #733B12 · #28220F
A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFEFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Camel (#BCA888): A luminous, dusty gold — the color of afternoon light on wheat.
- Walnut (#8F6E4D): A full-bodied, dusty gold — the color of old brass.
- Bronze (#733B12): A full-bodied, balanced gold — the color of old brass.
- Onyx (#28220F): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: 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
- Worn Thicket color palette (#FFE3CF, #C29760, #9D5527, #712726, #231B00)
- Cocoa Atelier color palette (#FFF3E6, #BCA282, #92693C, #774212, #413C36)
- Chestnut Study color palette (#F6E7D9, #9F8146, #7D4500, #571A0A, #110F00)
- Timeworn Taupe color palette (#FFF1F5, #C6E7C7, #BE9568, #845E6F, #253729)
- Washed Cerulean Villa color palette (#E0F8F1, #518BC0, #80763B, #5D5206, #012019)
- Nocturne Lantern color palette (#FFEAD0, #716100, #4A3000, #2B0F00, #010200)
- Ancient Stone Ridge color palette (#FAEDFA, #DBA77E, #3C5679, #351D36, #130813)
- Antique Petrol color palette (#F6EFF6, #88B7EF, #A15D72, #2C66A7, #1C0705)
Browse the whole catalog at Explore, or see today's palette.