Cocoa Balcony color palette — #FFF3E2 · #CB9D76 · #8B7447 · #3B6449 · #653E00

Bronze takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Camel (#CB9D76): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8B7447): A full-bodied, dusty gold — the color of old brass.
• Pine (#3B6449): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Chestnut Loft color palette (#FFF3E7, #CF9798, #986A5B, #6B5801, #713318)
• Timeworn Driftwood color palette (#FAF5EA, #CAC0A3, #918138, #8C5825, #5E4B00)
• Mustard Garden color palette (#FFF3E8, #E4D8C7, #F0B479, #AD9459, #4B4640)
• Ancient Denim Alley color palette (#FBF0E0, #D39B94, #8C7545, #3E4F80, #3A281A)
• Tempered Lantern color palette (#FCF5E0, #8BA256, #477749, #005768, #3E3E36)
• Tempered Dune color palette (#FFF5D7, #B38200, #6A6200, #005243, #433300)
• Petrol Orchard color palette (#EBFAEE, #E9ACA4, #A68F60, #586CA3, #593E4D)
• Muted Bronze color palette (#ECDCBC, #907400, #4C5200, #003C37, #2A2400)

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