Cocoa Balcony color palette — #FFE7F3 · #AD794F · #7B3700 · #3E1000 · #020100

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFE7F3): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#AD794F): A luminous, balanced gold — the color of old brass.
• Bronze (#7B3700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3E1000): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Corridor color palette (#DAEFDE, #9F8327, #644800, #301D00, #020100)
• Timeworn Terracotta color palette (#FED9ED, #C88A5D, #994200, #5B1700, #080300)
• Faded Bronze Station color palette (#FFF1F6, #EAAD65, #B66800, #7A3800, #231500)
• Sunlit Mulberry color palette (#F8E3EB, #D75582, #940030, #410007, #040000)
• Chestnut Garden color palette (#FFF0F8, #E3BACD, #B87858, #85422F, #361423)
• Worn Olive color palette (#E3FCEF, #B1B97C, #7F791D, #534500, #0F1500)
• Velvet Aubergine color palette (#DFDFF4, #CB7065, #41005F, #1A0611, #020005)
• Amber Basin color palette (#E4FCEC, #DBD38B, #AC8F00, #7A5A00, #292A00)

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