Cocoa Balcony color palette — #FEF3EB · #DEE2CB · #AA795F · #6B3600 · #211914

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Celadon Mist (#DEE2CB): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#AA795F): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6B3600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#211914): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Ancient Olive Harbor color palette (#F8F5EA, #FFE2A5, #757C3E, #3A3831, #120F06)
• Muted Bronze color palette (#FBF3EF, #EEDCB7, #B89680, #975D33, #332922)
• Marigold Balcony color palette (#F7EED4, #CB9900, #433D00, #1D2725, #090800)
• Washed Chestnut color palette (#F6F0F3, #A7CEB6, #7F5643, #452439, #1B1017)
• Honey Alley color palette (#FDF4E3, #F7C963, #776100, #342505, #060300)
• Weathered Apricot color palette (#FFF3E8, #FFAE73, #75BCC1, #6F81AB, #36302C)
• Worn Straw color palette (#FFF4E2, #F6DB8C, #93AB7E, #836881, #4E3D00)
• Worn Marigold color palette (#FDF3E9, #EEAA53, #3AA6B8, #626089, #30221E)

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