Cocoa Canyon color palette — #FFE5E9 · #A16869 · #753B28 · #3A3400 · #0A1000
A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FFE5E9): A whisper-light, dusty red — the color of late-summer berries.
- Mocha (#A16869): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#753B28): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#3A3400): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0A1000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Ancient Bloom color palette (#EED8EC, #966482, #81354D, #4C2B00, #1D1300)
- Spruce Orchard color palette (#EDDCE6, #A06C3F, #6F4B00, #023807, #001B0E)
- Ancient Garnet color palette (#EAE8FD, #84547E, #70100F, #002927, #00151B)
- Terracotta Corridor color palette (#E5E2F6, #A56B8D, #9E4F40, #015255, #001617)
- Garnet Study color palette (#FFDFDB, #BE5751, #8A010F, #3F0004, #070000)
- Chalky Aubergine Garden color palette (#FFDAE2, #9D194F, #6D4200, #4D0094, #060001)
- Timeworn Plum color palette (#FFE4F0, #B3386D, #82003E, #51001C, #210004)
- Weathered Market color palette (#F4E2D8, #B68D5C, #81703D, #00542C, #002D22)
Browse the whole catalog at Explore, or see today's palette.