Cocoa Corridor color palette — #ECDAD0 · #AD7A39 · #832E00 · #450018 · #020100

Rust takes the lead with Caramel close behind in a set that reads as optimism and balance at first glance.

The five colors

• Bone (#ECDAD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#AD7A39): A luminous, balanced gold — the color of old brass.
• Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#450018): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Corridor 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

• Terracotta Chapel color palette (#F9E0CF, #BC9152, #9A4100, #591423, #050400)
• Wandering Driftwood color palette (#F5EADC, #8B8A3D, #664700, #3B1400, #000200)
• Timeworn Amber Workshop color palette (#FFE7F5, #D0751E, #AA5028, #783531, #130900)
• Weathered Bronze Harbor color palette (#FFF4DD, #A6BD7C, #8B7500, #683900, #101500)
• Powdered Rust Chapel color palette (#FFF2E9, #EAAF3E, #C25D00, #891F30, #1A1A00)
• Cypress Dune color palette (#DFEAD1, #007150, #634900, #1A2F00, #000201)
• Pale Amber color palette (#FFF4E1, #CFD97A, #B78A00, #964500, #282B03)
• Midnight Rose Lagoon color palette (#F5E5F6, #E7545F, #002B54, #170605, #000104)

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