Cocoa Balcony color palette — #FFF3E7 · #EBA9B0 · #BB8274 · #747141 · #71331C

Rust and Rose Quartz set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#EBA9B0): A luminous, dusty red — the color of embers at dusk.
• Caramel (#BB8274): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#747141): A full-bodied, dusty green — the color of a quiet forest floor.
• Rust (#71331C): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Dusty Field color palette (#FFF2EB, #D8ADDB, #B67F9C, #8D6545, #594043)
• Timeworn Bronze color palette (#FAF5E6, #C198BD, #A4635B, #006476, #5A403F)
• Coral Pier color palette (#FEEEE9, #D77D86, #834528, #423430, #281F1D)
• Muted Marigold color palette (#FFF4E1, #DCA561, #998542, #2F7258, #413C36)
• Bronze Veranda color palette (#F7F5ED, #D5D3B6, #9D9E7D, #AA6C47, #554F00)
• Worn Market color palette (#FFF3E6, #FF7965, #BE6013, #4E6500, #542618)
• Coral Bloom color palette (#E8FAF1, #F2BDE7, #EA9483, #5D96A2, #4D4353)
• Soft Bronze Study color palette (#EADECD, #BA6900, #715200, #004423, #221200)

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