Cocoa Corridor color palette — #DDE8DF · #8FAD9E · #6A8F85 · #584100 · #030C05

A conversation between Deep Olive and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#DDE8DF): bright and airy, almost weightless.
• Sage (#8FAD9E): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#6A8F85): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#030C05): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Chestnut Market color palette (#E7DFD5, #9DA395, #7A8F79, #805C00, #100700)
• Dusty Workshop color palette (#F6E7F1, #B39EA7, #758E76, #712D19, #12040E)
• Washed Basalt color palette (#E3DDD4, #C1BAA9, #999278, #4C3900, #020100)
• Onyx Dune color palette (#E4EFE6, #8D9E97, #547973, #3A2700, #020C04)
• Tempered Forest Field color palette (#D9EEEC, #A0BABC, #6E9EAA, #116331, #001817)
• Muted Pine color palette (#D8EFEA, #1B8A56, #005243, #402400, #000808)
• Dusty Olive Station color palette (#E5F2EB, #C2DFD7, #99C1BC, #797523, #25312B)
• Chalky Studio color palette (#CFEEDD, #C98700, #808200, #0B6612, #020300)

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