Cocoa Corridor color palette — #F3DBE1 · #A06466 · #733723 · #231F00 · #010200

Rust and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Shell Pink (#F3DBE1): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#A06466): A full-bodied, dusty red — the color of a theater curtain.
• Rust (#733723): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#231F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010200): quiet, heavy and certain.

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

• Timeworn Hollow color palette (#E5DFFF, #827496, #7E354D, #3C2000, #060300)
• Mulberry Archive color palette (#E5E2FF, #75456D, #5B2622, #001F17, #010400)
• Shadow Rose Veranda color palette (#FCD7DB, #D05D6A, #710027, #1C0004, #040000)
• Driftwood Lagoon color palette (#DFDFF9, #A872A6, #935458, #004F48, #001210)
• Worn Meadow color palette (#FEDBCD, #B87F4C, #835B00, #043805, #001008)
• Soft Mulberry color palette (#FEE3F4, #B04385, #7F004E, #340016, #040001)
• Sunlit Plum color palette (#F8E7FF, #B43066, #625400, #540028, #020100)
• Aubergine Veranda color palette (#F4E3FD, #980E56, #673900, #390082, #040001)

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