Cocoa Corridor color palette — #FFE7DA · #7F3F00 · #462500 · #1D0F00 · #030100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#FFE7DA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7F3F00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#462500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1D0F00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Cocoa Chapel color palette (#D4EBD3, #684400, #004737, #2C1A00, #000201)
• Nocturne Delta color palette (#FAE4E5, #9C001A, #600400, #200400, #050100)
• Hushed Parlor color palette (#FFEBD2, #A37300, #6A5000, #433500, #1A1500)
• Worn Orchard color palette (#DDEEE1, #94893F, #626A00, #442A00, #030200)
• Feathered Amber Summit color palette (#FCE6D5, #DC8600, #966400, #5C4100, #2D2000)
• Fern Pier color palette (#D9EFFF, #006C6B, #405D00, #060E0F, #000201)
• Softworn Moss color palette (#E1ECD1, #5BA300, #237200, #00491A, #001D0A)
• Olive Orchard color palette (#D2F7E3, #A9AA58, #768300, #425900, #03372F)

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