Cocoa Canyon color palette — #EFE1E9 · #C8A9B3 · #789684 · #73280B · #11070E

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

The five colors

• Rose Water (#EFE1E9): bright and airy, almost weightless.
• Rosewood Mist (#C8A9B3): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#789684): A luminous, dusty teal — the color of sea glass.
• Rust (#73280B): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#11070E): 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

• Weathered Cocoa color palette (#EBF2EA, #A1BAAC, #73968D, #5F3B00, #050D05)
• Ancient Garnet Loft color palette (#F3EDF4, #C2ABBB, #A6818F, #712339, #0F0811)
• Terracotta Chapel color palette (#F3ECE7, #D1C1B1, #B2A28B, #9D400B, #2D1A0D)
• Hushed Fern color palette (#E0ECE7, #B4D3CF, #87ABAF, #525B00, #0C1914)
• Spruce Basin color palette (#DFE7E2, #75958B, #4F7371, #332900, #000201)
• Pewter Coast color palette (#F8EFF3, #C7D7DA, #ABBFBE, #8E687C, #31292D)
• Patina Harbor color palette (#FFE5DA, #987810, #425833, #26314D, #0B0B2A)
• Gentle Olive Loft color palette (#DEF4E4, #6F8300, #005314, #441630, #060900)

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