Cocoa Balcony color palette — #FFEFFF · #F1B4B6 · #AC7077 · #713A3C · #442B46

Cocoa and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
• Rose Quartz (#F1B4B6): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#AC7077): A luminous, dusty red — the color of late-summer berries.
• Cocoa (#713A3C): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#442B46): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Hushed Ridge color palette (#F6F3FF, #DCB7DC, #9A7098, #654267, #4A2D4A)
• Antique Bronze Hollow color palette (#FFF0F9, #F2C0A7, #A66F53, #72462C, #502A19)
• Garnet Villa color palette (#FCEBFF, #DABCDF, #B97176, #752D37, #381215)
• Terracotta Station color palette (#FFF2ED, #F7C6BA, #CB848D, #9B4852, #572D33)
• Softworn Atelier color palette (#FFF1F5, #A3C1A9, #9C7380, #6F5462, #3B4D42)
• Antique Driftwood color palette (#FEF1F7, #B98163, #3C8D92, #455F8C, #493740)
• Antique Bronze color palette (#FCF2F6, #E5B592, #628A56, #985D2D, #21322F)
• Muted Alley color palette (#FAF2F7, #A6CBAD, #745167, #4A2E40, #2D2223)

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