Cocoa Balcony color palette — #ECE2E7 · #C4B4BA · #A6838E · #702E00 · #2A1923

Rust and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#ECE2E7): bright and airy, almost weightless.
• Stone (#C4B4BA): a calm mid-gray that lets other colors speak.
• Dusty Rose (#A6838E): A luminous, dusty rose — the color of a warm blush.
• Rust (#702E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A1923): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Aged Garnet color palette (#E6E2E8, #BEB6BF, #9B8799, #7F0043, #27192D)
• Aged Cocoa color palette (#E0E7E0, #B1BCB4, #749884, #5B3E00, #172318)
• Softworn Harbor color palette (#F4EBE7, #D0C1B2, #AFA579, #A53500, #2B1B12)
• Spruce Boulevard color palette (#D7E2DC, #909D98, #4F7B6F, #302C00, #000D06)
• Patina Chestnut color palette (#EFF8F0, #C6D8CB, #90AF9E, #765300, #273829)
• Bronze Drift color palette (#FAF3F6, #E3D8D6, #B0C9C3, #99673F, #504449)
• Timeworn Drift color palette (#DBEFE3, #7D7E44, #3F4B00, #472400, #1C1C00)
• Timeworn Fern color palette (#F1ECD7, #8A915E, #435E32, #003C3E, #0B2134)

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