Cocoa Canyon color palette — #FDE1D1 · #B17834 · #862A00 · #44001A · #020100

Rust and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FDE1D1): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B17834): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#862A00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#44001A): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#020100): quiet, heavy and certain.

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

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

• Worn Driftwood Dune color palette (#F1DCC4, #948739, #6B4300, #400C00, #010100)
• Garnet Drift color palette (#FBDFCD, #BF904E, #95451A, #610022, #050400)
• Ancient Bronze color palette (#FFE7F7, #935700, #661A00, #3B0018, #0F0B00)
• Misty Rust color palette (#F5DBEB, #CB7835, #B84100, #8E1420, #130800)
• Frosted Garnet color palette (#FFF2E9, #E1B265, #C45C00, #93002B, #1A1900)
• Washed Bronze color palette (#FFF4DE, #AABA8B, #897526, #693800, #001807)
• Airy Archive color palette (#FFF3E2, #D1D68F, #B68A20, #984300, #152F10)
• Dusty Corridor color palette (#DFF2E6, #006B7F, #920032, #282B00, #000102)

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