Cocoa Corridor color palette — #D2E3E4 · #00624A · #6D3200 · #362600 · #000201
A conversation between Bronze and Pine, giving this palette its sense of optimism and sophistication.
The five colors
- Silver (#D2E3E4): bright and airy, almost weightless.
- Pine (#00624A): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6D3200): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#362600): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000201): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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
- Garnet Drift color palette (#D2E9E4, #286200, #860016, #411E00, #000200)
- Hushed Archive color palette (#CDE7F6, #005C71, #4B4700, #103200, #000203)
- Mulberry Quarry color palette (#EADCF2, #970054, #5B3F00, #2A2B00, #060002)
- Sunlit Cobalt color palette (#CFE8E1, #0071B7, #8E5000, #683900, #000205)
- Timeworn Bronze Market color palette (#C8E3EE, #00919C, #8F6C00, #485B00, #001F23)
- Washed Forest color palette (#E0F3FF, #007B98, #6A6300, #0B5109, #001016)
- Charred Terrace color palette (#D5F3EA, #005086, #650064, #001E14, #000104)
- Mulberry Coast color palette (#F2EAFC, #922072, #6E0107, #281600, #020200)
Browse the whole catalog at Explore, or see today's palette.