Cocoa Balcony color palette — #F3EDE8 · #DACDBF · #B6A387 · #743D00 · #050200

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

The five colors

• Cream (#F3EDE8): bright and airy, almost weightless.
• Oat (#DACDBF): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B6A387): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#743D00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#050200): quiet, heavy and certain.

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

• Washed Workshop color palette (#F8EBE7, #DBCCC7, #C49C88, #920134, #090000)
• Hushed Basalt color palette (#F1EDE7, #BFBAAD, #999276, #493A00, #020100)
• Muted Basalt color palette (#F8E5EC, #9CB09A, #68896D, #542C00, #1D0F15)
• Timeworn Fern color palette (#E8E1C9, #869653, #385900, #3E2500, #010100)
• Tempered Bronze color palette (#E8DDD5, #B3B399, #84A67E, #B05300, #1C1108)
• Wandering Olive Canyon color palette (#F5F6EE, #D2DCD3, #B6BFA5, #347100, #0E0E00)
• Worn Marigold color palette (#FFF3E3, #F99925, #B98200, #6F6700, #020100)
• Weathered Taupe color palette (#E8EEDE, #7DA376, #30684C, #003746, #000B18)

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