Cocoa Canyon color palette — #ECE0E7 · #C3ACB3 · #7C9486 · #722909 · #11070E

Rust and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#ECE0E7): bright and airy, almost weightless.
• Rosewood Mist (#C3ACB3): A luminous, dusty rose — the color of strawberry cream.
• Eucalyptus (#7C9486): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#722909): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#11070E): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Tempered Bloom color palette (#F6E9E2, #C2B7A9, #948E78, #792200, #291C14)
• Timeworn Garnet Ridge color palette (#EAE4EE, #BEADBC, #A28393, #6E2549, #0F0714)
• Worn Workshop color palette (#E8F1EA, #9DBBB0, #729692, #554000, #020E05)
• Chestnut Summit color palette (#EAF5EA, #BCDDCB, #9EB48C, #7C5100, #101E0F)
• Spruce Dune color palette (#D9E2DC, #79948C, #4B7372, #322900, #000201)
• Weathered Pewter Workshop color palette (#F8EFF3, #C8D7DA, #A9BFBF, #8D687B, #33282E)
• Rose Ridge color palette (#F9D4E1, #FF4967, #AB6F00, #386200, #070400)
• Wandering Bronze color palette (#FEE5DF, #947120, #426027, #2F2A4D, #120B2B)

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