Cocoa Balcony color palette — #F8F5ED · #D8DBD3 · #9FB3BA · #BBAB78 · #5D4300

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

The five colors

• Ivory (#F8F5ED): a clean, paper-quiet neutral.
• Silver (#D8DBD3): bright and airy, almost weightless.
• Ash (#9FB3BA): A luminous, dusty blue — the color of deep harbor water.
• Camel (#BBAB78): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

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

• Patina Stone Summit color palette (#F6F5EE, #D6DBD5, #A7B4B0, #6D666E, #54534B)
• Softworn Quarry color palette (#F4F6EF, #D1DED4, #95B6C3, #6FB878, #3E4500)
• Moss Bloom color palette (#F9F5E4, #D1DEC9, #B1C8AC, #99A100, #35332C)
• Washed Honey Alley color palette (#FDF5E1, #D0CC79, #95AF76, #3E9094, #3F3D36)
• Dusty Bronze Coast color palette (#EDF4EF, #CDDCDB, #ACC3C3, #867339, #262E29)
• Olive Study color palette (#E9E6DE, #ABB4A1, #8F9C87, #7E7300, #1A1302)
• Lime Terrace color palette (#E9E5D2, #A4B540, #777329, #564A00, #1B180F)
• Celadon Pier color palette (#FBF5E2, #DAEAB4, #A6E596, #63CF9F, #403F38)

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