Cocoa Canyon color palette — #FADEED · #8E6A3F · #6F2D00 · #48000A · #080500

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#FADEED): A whisper-light, dusty pink — the color of peonies in June.
• Walnut (#8E6A3F): A full-bodied, dusty gold — the color of old brass.
• Rust (#6F2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#48000A): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Softworn Cocoa Parlor color palette (#D6E2D7, #7B733C, #5A3D00, #3A1800, #040600)
• Patina Garnet color palette (#FFE1EF, #A2804E, #834000, #620203, #120E00)
• Linen Market color palette (#FBE0F0, #C49568, #AA4A1B, #810624, #251A00)
• Antique Cocoa Lagoon color palette (#FEECF3, #94B697, #926B4E, #73392E, #11281D)
• Muted Pier color palette (#DDF1F2, #A86630, #003225, #1C171C, #000B06)
• Nightshade Pier color palette (#C8EBFE, #005C70, #363292, #4F0018, #000304)
• Washed Chestnut color palette (#E9F6EC, #A1C4B6, #688D74, #705132, #1A312D)
• Antique Lagoon Dune color palette (#D3E7E8, #008E6A, #004677, #00412F, #000104)

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