Cocoa Corridor color palette — #F1DBE0 · #896F95 · #713F56 · #002125 · #01000F

Cocoa takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Shell Pink (#F1DBE0): A whisper-light, dusty red — the color of late-summer berries.
• Slate (#896F95): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#713F56): A full-bodied, dusty rose — the color of strawberry cream.
• Midnight (#002125): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#01000F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged vintage, retro, 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

• Patina Cocoa color palette (#F4E7F2, #A4767B, #703822, #002342, #050007)
• Terracotta Harbor color palette (#F1E6F3, #9C4651, #523A05, #00232A, #020D18)
• Weathered Bronze Atelier color palette (#FFDCEB, #A8726E, #8F5E32, #005041, #001115)
• Shadow Plum Corridor color palette (#F1D9E6, #B93957, #6A1900, #271100, #020100)
• Aged Amber Orchard color palette (#FFECE0, #C36C29, #693200, #19211A, #0F0400)
• Aged Navy Delta color palette (#F0DEDD, #C08888, #8C5129, #312476, #210013)
• Timeworn Denim color palette (#ECE2DD, #71ACBE, #005892, #002C21, #01000A)
• Chestnut Study color palette (#E7DCD0, #764900, #005058, #00393F, #020100)

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