Cocoa Corridor color palette — #ECD7EE · #B296AB · #77739C · #6E4559 · #583A32

Charcoal Brown and Slate set the tone — five colors that lean into warmth and comfort.

The five colors

• Thistle (#ECD7EE): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#B296AB): A luminous, dusty pink — the color of neon signs at night.
• Slate (#77739C): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#6E4559): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#583A32): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Dusty Basalt Canyon color palette (#F4D7E2, #BE969F, #8F6768, #784E3E, #514400)
• Wandering Garden color palette (#D0E1EE, #9EC5F2, #99A9D5, #847C97, #503F5C)
• Feathered Cocoa Atelier color palette (#E2DBFE, #A783BD, #855B83, #803327, #5E2900)
• Garnet Cabin color palette (#CDE1FB, #7484B8, #554985, #5F1C39, #431700)
• Tempered Boulevard color palette (#FFF0FA, #D1B7C3, #A07580, #875355, #684A00)
• Timeworn Petrol Cabin color palette (#CBEAC7, #8FB5A2, #636BA5, #5D4200, #31240D)
• Ancient Iris Chapel color palette (#C0F2FB, #93BCD4, #7E88BA, #816937, #2F4E40)
• Ancient Pier color palette (#F7E0EF, #915771, #5C2F34, #2D1D00, #091101)

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