Cocoa Corridor color palette — #F9F4EE · #E9CD9D · #9B7545 · #6B4300 · #312A23

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Wheat (#E9CD9D): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#9B7545): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6B4300): A full-bodied, balanced gold — the color of old brass.
• Onyx (#312A23): a grounded near-black with real depth.

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

• Stone Loft color palette (#FBF4ED, #D5BE82, #765736, #3D3732, #27251A)
• Hushed Driftwood color palette (#F8F5EF, #DED1A1, #84A869, #A18B32, #2E2E27)
• Bronze Harbor color palette (#ECDCC5, #946D00, #3A2800, #1B2119, #0A0500)
• Marigold Veranda color palette (#E5DDCB, #C0A245, #615600, #2F2900, #100A00)
• Weathered Taupe Field color palette (#FEF1F5, #C6E8CD, #BC909E, #84626D, #34272B)
• Aged Market color palette (#FAF5E5, #B2C78E, #6CA171, #38798A, #4D4A00)
• Washed Taupe color palette (#F7F5EF, #D7DBD4, #9EB2BD, #A79B73, #55534B)
• Timeworn Moss color palette (#E6E7D5, #8F8600, #134400, #031400, #020200)

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