Cocoa Corridor color palette — #EBE4DE · #C2BAA6 · #919578 · #573200 · #020100

A conversation between Cocoa and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#EBE4DE): bright and airy, almost weightless.
• Stone (#C2BAA6): A luminous, dusty gold — the color of old brass.
• Eucalyptus (#919578): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Antique Bronze color palette (#E5DFD7, #948C7E, #82671E, #3A2500, #020100)
• Ancient Lantern color palette (#E8EEE8, #8D9F94, #597870, #3E2400, #030C02)
• Fern Hollow color palette (#EFEFE2, #C8D5BA, #8FB097, #375900, #030300)
• Timeworn Pine color palette (#EAE4C8, #3A8D58, #004641, #310725, #000200)
• Bronze Chapel color palette (#FFEADF, #887929, #005745, #311537, #08000B)
• Misty Coral color palette (#EFDEB0, #FF6A55, #9F7A00, #007054, #010100)
• Softworn Driftwood Archive color palette (#F8F5ED, #D6E0D4, #A1C1C0, #968A55, #322E24)
• Chestnut Boulevard color palette (#F7E7D5, #915100, #153C00, #0B0032, #020100)

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