Cocoa Corridor color palette — #E4DDF3 · #9C688D · #7C361F · #003738 · #001418

Rust takes the lead with Mocha close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Thistle (#E4DDF3): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#9C688D): A full-bodied, balanced pink — the color of peonies in June.
• Rust (#7C361F): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#003738): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001418): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, 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 Loft color palette (#DDE7F3, #816A9E, #7A435D, #00371D, #001213)
• Aged Chestnut color palette (#E3E2F8, #9F7695, #875B3D, #004E4D, #001514)
• Ancient Garden color palette (#EFD9F1, #B4687F, #773D2F, #072F07, #000201)
• Weathered Mulberry color palette (#FBE2F0, #A1425E, #6C2227, #2C1F00, #131200)
• Hushed Bronze Cabin color palette (#EAE2F8, #C18A84, #996000, #244F6F, #0F2648)
• Brick Terrace color palette (#FFE4E3, #A70028, #005959, #113C53, #070000)
• Weathered Summit color palette (#F8DCDA, #CB4935, #841700, #3F0003, #070000)
• Aged Plum color palette (#F0DEF7, #BB1660, #00627C, #6B0033, #00070C)

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