Cocoa Corridor color palette — #CEEDF1 · #006069 · #792700 · #581A00 · #000102
A conversation between Rust and Espresso, giving this palette its sense of trust and stability.
The five colors
- Frost (#CEEDF1): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006069): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Rust (#792700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Espresso (#581A00): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Worn Courtyard color palette (#D3F9E7, #005D7B, #5B4100, #412E00, #000103)
- Garnet Balcony color palette (#CBF0F7, #004852, #66000B, #440E00, #000203)
- Lowlit Abyss color palette (#E0EFD6, #005B4B, #473B00, #001E17, #000201)
- Tempered Garnet Workshop color palette (#CEEAD1, #006728, #84003E, #60002B, #000200)
- Deep Studio color palette (#FFE5CE, #896F20, #593000, #2B0001, #020100)
- Tempered Plum color palette (#D6F6FD, #007D8F, #AA009C, #6B5600, #000203)
- Aged Petrol color palette (#CEE8FF, #006CAB, #595D00, #215000, #000103)
- Charred Aubergine color palette (#D5F6FD, #00434E, #29008D, #002C09, #000102)
Browse the whole catalog at Explore, or see today's palette.