Cocoa Balcony color palette — #DDF1DD · #684400 · #00415C · #2C1A00 · #000103

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDF1DD): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#684400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00415C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2C1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Chestnut Bloom color palette (#D4F4E6, #7A4C00, #28272F, #141500, #010100)
• Nightshade Hollow color palette (#D5EAD4, #684400, #231B9F, #2C1A00, #00000B)
• Smoked Pier color palette (#FBE4CF, #573100, #002C6F, #200D48, #020100)
• Smoked Lagoon color palette (#FCDDF6, #92030D, #004352, #410102, #000102)
• Weathered Dune color palette (#F4D9BF, #985A00, #005794, #402300, #000104)
• Soft Market color palette (#EAEFCD, #5B6100, #7A0077, #292D00, #080007)
• Softworn Grape Coast color palette (#D6EDE0, #786C00, #6539AA, #3E3700, #0C0020)
• Nocturne Ultramarine color palette (#F3E5F2, #0836F9, #7E3E00, #0C0D05, #040002)

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