Cocoa Corridor color palette — #FFF3E9 · #B9A483 · #956646 · #763F40 · #3F3D36

Coffee and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#B9A483): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#956646): A full-bodied, dusty gold — the color of honey in a jar.
• Coffee (#763F40): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, 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

• Washed Meadow color palette (#FFECF4, #98B496, #9A6842, #6E3D2D, #16271B)
• Timeworn Station color palette (#FEF3E9, #D7B894, #BB8053, #8B5B4B, #403D36)
• Washed Basalt Summit color palette (#FCF5E2, #AAA98A, #7A743F, #6D491E, #344400)
• Weathered Garnet color palette (#FFEADD, #BA956C, #A14E2F, #85133C, #3F3500)
• Patina Taupe Delta color palette (#FFF0F7, #E7CD9D, #D1A082, #997D98, #2E4239)
• Garnet Alley color palette (#FFECDD, #9B845C, #82410E, #6B021A, #2D2300)
• Onyx Study color palette (#FDEDDB, #7F7740, #603D00, #4A1200, #0E1A00)
• Washed Abyss color palette (#EFF8ED, #CFA392, #005F57, #003632, #0D211B)

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