Cocoa Balcony color palette — #F9F1E1 · #B5AB89 · #82753D · #664500 · #272404

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B5AB89): A luminous, dusty green — the color of fresh herbs.
• Walnut (#82753D): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#664500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#272404): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Worn Bronze Lagoon color palette (#FAF0E7, #CDB79E, #AB7642, #794A39, #342B1A)
• Fern Lantern color palette (#E6E0D0, #949E71, #706606, #503A00, #1A1900)
• Weathered Pier color palette (#E8FBEE, #84B2A4, #857127, #6B4455, #244442)
• Worn Villa color palette (#E9FAEF, #BFC290, #A08F46, #816332, #26443C)
• Sunlit Garnet color palette (#F1E4DB, #BD7D3E, #923F00, #6B0400, #1B0F00)
• Obsidian Coast color palette (#ECE0D4, #654E1B, #3D2300, #1C0800, #020100)
• Aged Field color palette (#E7F6EC, #2995AD, #A65B67, #724700, #062013)
• Dusty Cocoa color palette (#F1E1D6, #996336, #722A00, #480004, #0A0400)

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