Cocoa Corridor color palette — #FFF3E5 · #D7D6BE · #90B197 · #9D8172 · #7D421D

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#D7D6BE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#90B197): A luminous, dusty teal — the color of glacier melt.
• Mocha (#9D8172): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7D421D): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Timeworn Bronze color palette (#F9F5EC, #D5D4AF, #73A990, #997834, #544F00)
• Worn Bronze Canyon color palette (#EDFBE0, #ABD3B8, #9396C3, #9A7232, #724C00)
• Patina Turquoise Market color palette (#EEECB7, #97C9AE, #25A8CC, #916143, #673B1D)
• Coral Quarry color palette (#F1F9E4, #7EC39E, #E98478, #B38865, #41443D)
• Antique Veil color palette (#E3FCF2, #C7E4F2, #AFC7D1, #988699, #584956)
• Petrol Loft color palette (#E0ECDC, #3BA3A7, #4F64AB, #5F4500, #362600)
• Muted Lagoon Archive color palette (#EEF9ED, #79D7CF, #E8979E, #23A098, #664339)
• Teal Orchard color palette (#F8F8D6, #92D7B0, #14B9A9, #358794, #385A4C)

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