Cocoa Corridor color palette — #F1D8E1 · #BC985F · #A16014 · #803200 · #2D2300

A conversation between Rust and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#BC985F): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#A16014): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#803200): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2D2300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Patina Bronze Dune color palette (#DCEFE2, #A1A368, #86700D, #684600, #1D2900)
• Washed Studio color palette (#FFF3E7, #D6AA65, #A9630B, #6C3419, #1A1000)
• Airy Alley color palette (#F9DCE7, #9C8548, #7F4500, #601C19, #002C20)
• Hazy Garden color palette (#F3E0D0, #D5AC3F, #BE7D47, #985550, #2A2407)
• Bronze Canyon color palette (#DFF6E1, #C3B57B, #AD7D09, #8C5000, #373800)
• Bronze Terrace color palette (#FFE8EE, #876A26, #613B00, #3C1800, #040300)
• Dusty Olive color palette (#CBE6D9, #728833, #595500, #3D2E00, #030F00)
• Washed Pewter Courtyard color palette (#FFF1F6, #BAD2BA, #B98DA0, #956858, #384E3E)

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