Cocoa Corridor color palette — #FBF5E7 · #A39961 · #547C57 · #006060 · #683100

Bronze and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF5E7): bright and airy, almost weightless.
• Moss (#A39961): A luminous, dusty green — the color of fresh herbs.
• Fern (#547C57): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#006060): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#683100): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Timeworn Pewter color palette (#FCF3EC, #BD8B6A, #767339, #305F44, #5F333A)
• Worn Jade Hollow color palette (#F5F6EA, #79A670, #367E77, #165A7A, #46423B)
• Pewter Market color palette (#FFF4DE, #D3CDB5, #969684, #657B64, #3A514E)
• Driftwood Garden color palette (#FFF4DF, #C1B67B, #8B8842, #626630, #415132)
• Muted Hollow color palette (#F7F1E8, #B39770, #6E7744, #214B87, #3C1E0B)
• Ancient Quarry color palette (#FFF5D9, #8B8000, #006C32, #00494C, #512000)
• Hushed Petrol color palette (#FAF2FA, #DD9DA4, #709871, #5D639E, #5E3342)
• Softworn Denim color palette (#FFF2EF, #BE8692, #8F6646, #454F82, #543654)

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