Cocoa Corridor color palette — #D1E7D3 · #919148 · #7E5900 · #662700 · #071C00
A conversation between Rust and Coffee, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D1E7D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#919148): A luminous, balanced green — the color of new leaves after rain.
- Coffee (#7E5900): A full-bodied, balanced gold — the color of honey in a jar.
- Rust (#662700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#071C00): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Wandering Boulevard color palette (#D7EADB, #9CA56A, #8E6C00, #793800, #0B2C0B)
- Dusty Olive Quarry color palette (#DEF7E9, #6A894D, #5D5400, #462900, #000F06)
- Worn Garnet color palette (#F0D6E3, #A68656, #994400, #760024, #191700)
- Chalky Moss Pier color palette (#F5E2CA, #A59E29, #7F5700, #532008, #040400)
- Washed Station color palette (#DEF6DE, #BDB873, #AB7C30, #9F3D09, #273D16)
- Softworn Courtyard color palette (#EDF9F0, #A3C7BB, #9F8E59, #8D5C35, #264341)
- Softworn Meadow color palette (#F1D5E5, #D19849, #C24E00, #9B003B, #2F2900)
- Frosted Byzantium Boulevard color palette (#D6F1FE, #007D8F, #912A9A, #603800, #001014)
Browse the whole catalog at Explore, or see today's palette.