Cocoa Canyon color palette — #F6EEE7 · #AAA494 · #86896C · #633A00 · #110700
A conversation between Bronze and Driftwood, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F6EEE7): a clean, paper-quiet neutral.
- Taupe (#AAA494): A luminous, dusty gold — the color of afternoon light on wheat.
- Driftwood (#86896C): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#633A00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#110700): A deep, shadowed, dusty gold — the color of old brass.
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
- Cocoa Workshop color palette (#F3EBEE, #ABC1B5, #7D9C77, #583100, #040001)
- Timeworn Chestnut Dune color palette (#E6E1DB, #A0A58E, #749575, #865900, #100700)
- Softworn Garden color palette (#DFE9DF, #909E94, #5D776D, #3C2600, #010D01)
- Softworn Fern color palette (#EFF0E1, #AEB8A6, #859C8B, #375F0C, #151506)
- Bronze Coast color palette (#F4EEE3, #D9D9C8, #B2BBA9, #8A6E00, #362C1A)
- Timeworn Basalt color palette (#FFE6E6, #896D48, #4B5F37, #4D2037, #240011)
- Sunlit Lantern color palette (#FDECD0, #F95867, #8E7A00, #006859, #030400)
- Patina Courtyard color palette (#EEEBDA, #308855, #00504C, #451835, #000802)
Browse the whole catalog at Explore, or see today's palette.