Cocoa Corridor color palette — #F8F3FB · #E8C6D8 · #887497 · #683E51 · #2F2834

Built around Cocoa, softened by Slate — the whole palette hums with sophistication.

The five colors

• Ivory (#F8F3FB): bright and airy, almost weightless.
• Oat (#E8C6D8): A whisper-light, dusty pink — the color of a candy shop window.
• Slate (#887497): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#683E51): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2F2834): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Driftwood color palette (#FFF2F0, #E1DBCF, #A67972, #593F3B, #231817)
• Hushed Parlor color palette (#F8F3F9, #FBBFC6, #C98B64, #CA6B7B, #382930)
• Timeworn Balcony color palette (#F6F3FC, #BAC79A, #7D4973, #3D334E, #2B2229)
• Timeworn Cerulean color palette (#F5F3FF, #C19BCA, #68A8AF, #4981A6, #3D3A4F)
• Weathered Thicket color palette (#FEF1F3, #DBE5A7, #B590B2, #846367, #33282A)
• Aged Pine color palette (#EBFAED, #E5B197, #B18A5D, #4F7C48, #57404B)
• Softworn Garnet color palette (#FCF1FD, #F1A872, #A84151, #710024, #241326)
• Muted Garnet Coast color palette (#E9DFEC, #A56135, #550027, #2B1314, #130005)

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