Cocoa Balcony color palette — #EAEFE9 · #9CA99D · #778C7E · #613C00 · #030C03

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

The five colors

• Cream (#EAEFE9): bright and airy, almost weightless.
• Taupe (#9CA99D): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#778C7E): A luminous, dusty teal — the color of sea glass.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#030C03): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Aged Chestnut Parlor color palette (#F3EAE1, #A0A48C, #7F8D76, #8F5300, #0F0702)
• Ancient Garnet color palette (#F1E9EE, #B19FA8, #977E88, #7A2300, #13030E)
• Timeworn Basalt Alley color palette (#E8E1D8, #C5B9A6, #A0906F, #533400, #020100)
• Worn Terrace color palette (#EDE4E7, #8CA092, #55796E, #412200, #14040A)
• Worn Market color palette (#E5F2EF, #A5B9B7, #7A9D9D, #2A6200, #001915)
• Dusty Forest Orchard color palette (#D1EBE3, #5B8240, #05550F, #392800, #020800)
• Amber Balcony color palette (#CDE6D5, #BA8100, #917A00, #576300, #030200)
• Bronze Workshop color palette (#EAF0EC, #CDDCD4, #A6BEB4, #886F00, #243229)

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