Cocoa Canyon color palette — #F2E9DF · #ACA395 · #8F856E · #5D3E00 · #100700
Built around Bronze, softened by Driftwood — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F2E9DF): a clean, paper-quiet neutral.
- Taupe (#ACA395): A luminous, dusty gold — the color of old brass.
- Driftwood (#8F856E): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#5D3E00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#100700): A deep, shadowed, dusty gold — the color of honey in a jar.
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
- Olive Corridor color palette (#E7E1DB, #A09989, #78732A, #3E2500, #110700)
- Tempered Basalt Bloom color palette (#E8EEE9, #B0BFB4, #789B87, #513600, #000200)
- Washed Forest color palette (#E2E4D7, #B2B7A7, #8F9A81, #1B631E, #141505)
- Hushed Amber Loft color palette (#EBE0C9, #B98400, #67842B, #4F5D00, #050500)
- Pine Cabin color palette (#E0EAD5, #548352, #296447, #003949, #000F1F)
- Olive Orchard color palette (#EBEACD, #4A8540, #005425, #362A00, #010900)
- Chestnut Loft color palette (#F3EBCC, #766100, #3B4200, #002523, #040300)
- Bronze Cabin color palette (#F9F5ED, #D8DDCB, #BAC6AA, #A58100, #543B00)
Browse the whole catalog at Explore, or see today's palette.