Cocoa Alley color palette — #FFEFDB · #B5B68E · #72947C · #745C55 · #6C4000

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEFDB): A whisper-light, dusty gold — the color of old brass.
• Sage (#B5B68E): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#72947C): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#745C55): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6C4000): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Alley 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

• Muted Terrace color palette (#FBF5E1, #C3CDB3, #879B90, #9A6333, #77430E)
• Patina Chestnut color palette (#FEF4E5, #B7B189, #4F8061, #775205, #4C4300)
• Weathered Dune color palette (#F6F8DD, #C6D3B5, #8CA98F, #886B95, #624846)
• Patina Petrol color palette (#EDE2CE, #86AA7C, #008091, #773E18, #4B3400)
• Ancient Chestnut Basin color palette (#CAF1B7, #84C2C3, #6A83AA, #835122, #5E3E23)
• Dusty Garden color palette (#C5E9D5, #72A9B4, #636A92, #624222, #3D3304)
• Softworn Ash color palette (#FFF1F5, #BCDDCF, #99C2C9, #A6889E, #5A4655)
• Timeworn Basalt color palette (#D7F2EC, #9EB8B9, #648B96, #5F5D7C, #3D2E4B)

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