Cocoa Balcony color palette — #FFECCF · #883B00 · #432800 · #021A01 · #040100

A conversation between Burnt Sienna and Espresso, giving this palette its sense of nature and growth.

The five colors

• Custard (#FFECCF): A whisper-light, dusty gold — the color of old brass.
• Burnt Sienna (#883B00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#432800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#021A01): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, 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

• Chestnut Hollow color palette (#E5E1D0, #675300, #2E3200, #001916, #020200)
• Mulberry Market color palette (#F4DFCC, #A1002E, #541700, #151500, #060000)
• Garnet Thicket color palette (#FFE7DA, #841F00, #352800, #19002F, #040001)
• Linen Grove color palette (#FAEBCF, #CB3654, #5D3A00, #001C36, #040000)
• Bronze Coast color palette (#D9EDDC, #AF5500, #664200, #00360B, #150700)
• Shadow Ridge color palette (#F0E6D2, #9E1747, #472700, #001836, #1F0000)
• Muted Bronze color palette (#F7EEDB, #897900, #435400, #003433, #100F00)
• Amber Canyon color palette (#FFF2C5, #B38B00, #666600, #004940, #231C00)

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