Cocoa Balcony color palette — #FFF2EF · #E1DBCF · #DDACAF · #9DC0BA · #7D3E24

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Rosewood Mist (#DDACAF): A luminous, dusty red — the color of late-summer berries.
• Ash (#9DC0BA): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#7D3E24): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Ancient Powder color palette (#FFF1F3, #E3D9D2, #BABAE7, #A6B4AF, #5F4A4A)
• Wandering Cocoa Canyon color palette (#FFF2EB, #CEFCD6, #DEDDCC, #E1AAB0, #714300)
• Worn Cocoa Alley color palette (#FFE9DD, #D6DBED, #AEA5AF, #6D3900, #27221F)
• Aged Thicket color palette (#FAF4EF, #CADECC, #AB785D, #6B3600, #201A15)
• Washed Bronze color palette (#FEF3E6, #DAE3BF, #CAA874, #A36B3D, #484000)
• Shell Bloom color palette (#FFF2EC, #FFA99D, #7AB4EA, #9075A4, #37302D)
• Celadon Dune color palette (#FFF2EC, #E2F75A, #DFDBCD, #D57AA4, #3D3732)
• Powdered Bloom color palette (#FDD7C8, #DFA17A, #9B9000, #730049, #040000)

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