Cocoa Corridor color palette — #FCE8F3 · #A47E55 · #843E1A · #521D20 · #001306

A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FCE8F3): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#A47E55): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#843E1A): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#521D20): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#001306): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Muted Chestnut Hollow color palette (#D9F5DA, #928748, #714D00, #502200, #0C1100)
• Patina Meadow color palette (#FFE1EB, #8B6D10, #613900, #401100, #060600)
• Tempered Chestnut Study color palette (#F0D9E3, #81A284, #8A562E, #632B21, #031E11)
• Softworn Veranda color palette (#FFF2EA, #DEA47A, #AD5E32, #732E17, #1E0E00)
• Timeworn Bronze Balcony color palette (#E6F8E7, #91B5A1, #8D6F3E, #614051, #102821)
• Quiet Alley color palette (#D9EDFF, #006AA5, #8C3700, #5C2100, #000814)
• Antique Villa color palette (#FBEDF5, #D5AFBD, #98778C, #664F67, #203124)
• Dusty Amber Delta color palette (#D3E7F7, #C67363, #003D5D, #001422, #000205)

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