Cocoa Corridor color palette — #F3F4FF · #EDD9DD · #E0A3AF · #A56860 · #5C3100

Cocoa and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Shell Pink (#EDD9DD): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#E0A3AF): A luminous, dusty red — the color of embers at dusk.
• Mocha (#A56860): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5C3100): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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

• Raspberry Grove color palette (#FFF1F5, #DCAFCE, #BC6681, #8A443D, #6D3B0E)
• Timeworn Grove color palette (#FFF1F6, #E7D7CD, #E1AA87, #9A7032, #494500)
• Muted Rust Chapel color palette (#FFF0F9, #FF94AC, #C24D21, #643600, #1B1400)
• Timeworn Garnet Balcony color palette (#F0F6FF, #E1D6E5, #C09FD0, #9D6186, #6E2833)
• Linen Amber Drift color palette (#FFF1F6, #FFACB2, #C5784B, #784F00, #282500)
• Patina Petal color palette (#E3FCF1, #F2CEFB, #C69293, #3E7E85, #433B4F)
• Coral Boulevard color palette (#F3D6DB, #EB7066, #8E4900, #3C2C00, #030300)
• Wandering Corridor color palette (#FAF1FE, #E195AB, #614E5B, #302833, #100E13)

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