Cocoa Balcony color palette — #DCE4FF · #BEC0E8 · #B897BD · #AC7974 · #653925
Cocoa and Mauve set the tone — five colors that lean into optimism and sophistication.
The five colors
- Frost (#DCE4FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender (#BEC0E8): A luminous, dusty violet — the color of wild irises.
- Mauve (#B897BD): A luminous, dusty pink — the color of peonies in June.
- Mocha (#AC7974): A luminous, dusty orange — the color of toasted spice.
- Cocoa (#653925): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Patina Basalt Bloom color palette (#E8DBF9, #D3BADD, #D59A9C, #9B8256, #4B430B)
- Muted Chestnut color palette (#F1DBF8, #B581AA, #9F5A76, #82440C, #2B1A00)
- Weathered Pewter color palette (#DBE2FE, #9E9BC8, #7E6692, #67453B, #412517)
- Olive Terrace color palette (#DEFEEE, #CDD8FF, #B98FC7, #726D23, #474500)
- Olive Orchard color palette (#C2E8F7, #9DB9D6, #8E83AC, #6E6B29, #1D494B)
- Weathered Terracotta color palette (#F3E2E8, #A7717A, #9C5048, #5A4600, #0F1000)
- Ancient Lagoon color palette (#EBEDFF, #CDADF8, #F49371, #B062FE, #5A210C)
- Hushed Taupe color palette (#FBF1FF, #EAD2DA, #D0B9C9, #87AD95, #375449)
Browse the whole catalog at Explore, or see today's palette.