Cocoa Canyon color palette — #F0E8ED · #CDB0BA · #769782 · #702C18 · #291924

Rust takes the lead with Eucalyptus close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F0E8ED): a clean, paper-quiet neutral.
• Rosewood Mist (#CDB0BA): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#769782): A luminous, dusty teal — the color of glacier melt.
• Rust (#702C18): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#291924): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Wandering Garnet color palette (#ECE7EE, #C6B2C0, #A3848F, #781C3A, #251B28)
• Washed Garnet Drift color palette (#F2E6EE, #ACB7AB, #749687, #7C1B00, #150411)
• Ancient Cocoa Archive color palette (#E0E8E1, #A4C1B4, #6D9892, #584000, #18221A)
• Dusty Studio color palette (#E8E0DC, #CDC2B5, #ADA588, #A03A22, #2C1A11)
• Chestnut Harbor color palette (#EEF9ED, #C0DACA, #83B2A6, #7E4E00, #2A3729)
• Antique Spruce Bloom color palette (#D7E1DA, #89A098, #587875, #352A00, #000D04)
• Worn Pewter color palette (#FBF2F7, #CBDADD, #AAC3C2, #8B687B, #4E444A)
• Olive Basin color palette (#D9EDDE, #748300, #05540E, #4B1936, #002118)

Browse the whole catalog at Explore, or see today's palette.