Cocoa Corridor color palette — #FFF1F0 · #EBAFBD · #B27579 · #8A4743 · #723123

Built around Rust, softened by Burnt Sienna — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Ballet Pink (#EBAFBD): A luminous, dusty red — the color of a theater curtain.
• Caramel (#B27579): A luminous, dusty red — the color of embers at dusk.
• Burnt Sienna (#8A4743): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#723123): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Warmth, Comfort, Balance. 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

• Worn Garnet color palette (#FFF1F6, #CCB0D7, #9B749A, #76466B, #6D2931)
• Dusty Mallow Loft color palette (#FFF2EF, #F8D3D5, #F2A9C0, #CE8E8B, #5F423B)
• Hushed Field color palette (#F5F4FF, #F0C0DB, #CE8592, #AD5A4B, #6E3E00)
• Wandering Balcony color palette (#FFF2EB, #E2B59D, #A5754E, #7A511A, #464800)
• Wandering Driftwood color palette (#FCF3F2, #DFD8D3, #ABAEA5, #9D738C, #5B4F4F)
• Worn Chestnut Drift color palette (#FFDBD2, #D48763, #954F10, #643A00, #442C00)
• Weathered Rust color palette (#FEEEEA, #B35F6F, #64270D, #332421, #191411)
• Hushed Bronze color palette (#F4DBCE, #B15D00, #653E00, #352300, #111600)

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