Cocoa Canyon color palette — #FFF5D9 · #D6DDC8 · #BABC97 · #A97382 · #714200
A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
- Bone (#D6DDC8): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#BABC97): A luminous, dusty green — the color of fresh herbs.
- Mocha (#A97382): A luminous, dusty red — the color of late-summer berries.
- Bronze (#714200): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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
- Patina Bronze color palette (#FDF6D5, #C5E4D3, #8FBEA9, #A6743E, #734403)
- Muted Stone color palette (#F1F3D7, #8DC6B3, #75917C, #694E53, #442D2C)
- Hushed Fern Corridor color palette (#FBF7D4, #8FD7CA, #5E8BA7, #5C550D, #263205)
- Aged Ash color palette (#DBFEF8, #B3DDE2, #97C2D3, #9891B9, #58465F)
- Softworn Teal Balcony color palette (#FAF4EB, #CEE8C3, #68AF8E, #867542, #393932)
- Worn Balcony color palette (#FFF4E0, #A9D28E, #2AAAAE, #9B4F00, #3D2800)
- Soft Sky color palette (#EFFDC2, #D7E3BA, #64B3DE, #836720, #3C4600)
- Antique Parlor color palette (#C3F1CE, #7CB8C7, #6066A6, #32490D, #0F1B00)
Browse the whole catalog at Explore, or see today's palette.