Cocoa Corridor color palette — #E8F7E7 · #94B59D · #8C6F49 · #703D12 · #082A1C

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#E8F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#94B59D): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8C6F49): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#703D12): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#082A1C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Cocoa Delta color palette (#FEECF5, #C69FAC, #99684A, #713B2E, #142818)
• Dusty Chestnut Parlor color palette (#D3E7D5, #A49969, #7D5F25, #5C3200, #001E13)
• Softworn Driftwood Loft color palette (#E6F6EE, #A7C2B9, #878658, #3E6249, #19312D)
• Weathered Chestnut Loft color palette (#EFF8EE, #C0E8D1, #B89770, #925A49, #133931)
• Olive Workshop color palette (#FFE7C2, #BDAF7B, #798323, #325100, #002C0E)
• Timeworn Canyon color palette (#FAEEF2, #D4AA86, #687F32, #925200, #00120D)
• Muted Cocoa Canyon color palette (#F9EFF4, #C8B07E, #80411E, #421A02, #16070F)
• Aged Olive Coast color palette (#D7F8E1, #777534, #534200, #321E00, #040600)

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