Cocoa Canyon color palette — #FFF0F9 · #E9BBCF · #BC8D99 · #91685B · #773D18
Built around Bronze, softened by Carnation — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Carnation (#E9BBCF): A whisper-light, dusty rose — the color of pressed rose petals.
- Dusty Rose (#BC8D99): A luminous, dusty red — the color of a theater curtain.
- Walnut (#91685B): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#773D18): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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 Ash color palette (#F9E1F6, #CD94B3, #A46975, #75542A, #3A3630)
- Tempered Ash color palette (#D3F7E7, #AED5CA, #B69AB2, #917477, #614746)
- Faded Lantern color palette (#FCDEE8, #C6757B, #9E5546, #544600, #2C2F02)
- Wandering Chestnut Veranda color palette (#D9F8E3, #CFADCE, #9C7F87, #736314, #3D5513)
- Chalky Terracotta color palette (#E2E0F2, #B995E3, #A86DA6, #943F36, #602901)
- Hushed Violet color palette (#FFF1F7, #BFA8F6, #ED826D, #8A6CC7, #60352C)
- Mulberry Basin color palette (#F3E4FB, #925E8E, #893164, #502300, #180C00)
- Denim Courtyard color palette (#E0E5F8, #897EC3, #6F4A88, #631F2C, #340E06)
Browse the whole catalog at Explore, or see today's palette.