Washed Cocoa Canyon color palette — #FFF2EE · #E0D9CE · #AEBFCC · #A97281 · #7B3C25
Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Ash (#AEBFCC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Mocha (#A97281): A luminous, dusty red — the color of embers at dusk.
- Bronze (#7B3C25): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Washed 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
- Chestnut Alley color palette (#FDF3EA, #DEDDCB, #C4CBA6, #AF7F62, #724800)
- Weathered Harbor color palette (#FFF1F3, #E3D7D2, #AAAF9C, #9577A5, #5D4548)
- Antique Rust Lagoon color palette (#FFF3E8, #F4D7B8, #CBB37D, #A94F29, #573100)
- Muted Bronze Corridor color palette (#FDEDDD, #D3B57C, #978526, #773A00, #392400)
- Misty Garnet color palette (#FFDED0, #CA836D, #95541E, #64001E, #1E0100)
- Dusty Grove color palette (#FFF1F1, #AF7F98, #4B88A2, #4A5D8E, #4D3636)
- Powdered Balcony color palette (#EDDCBD, #B7AF69, #708500, #543A00, #1C1600)
- Wandering Lime color palette (#FFF7C6, #D1DF7E, #84BC53, #7A6100, #373800)
Browse the whole catalog at Explore, or see today's palette.