Cocoa Corridor color palette — #F8EAEE · #C2D6C7 · #8FAEA0 · #6D4200 · #080003
A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F8EAEE): a clean, paper-quiet neutral.
- Oat (#C2D6C7): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#8FAEA0): A luminous, dusty teal — the color of shallow lagoons.
- Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
- Black (#080003): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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 Bronze Coast color palette (#E6DED6, #A69F90, #877E34, #502D00, #090300)
- Patina Garnet color palette (#F7E9F6, #DEC9D6, #C199A9, #822B2F, #050105)
- Bronze Pier color palette (#E6DCDF, #A0BBB8, #83A1A5, #A16000, #1E0E14)
- Washed Forest Alley color palette (#E7FAF7, #C5DEEC, #97C4CD, #316F38, #00100F)
- Emerald Drift color palette (#C2ECDE, #5CA151, #005D39, #471D00, #000200)
- Moonless Onyx color palette (#DBECDE, #846000, #00473B, #07004E, #040001)
- Fern Market color palette (#DCF0E3, #5B4D00, #364149, #0C161A, #040700)
- Moss Lantern color palette (#F9EDD5, #919816, #0F6B34, #223755, #0A0825)
Browse the whole catalog at Explore, or see today's palette.