Cocoa Garden color palette — #F2DDC9 · #8F703C · #653900 · #451800 · #1C1500

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F2DDC9): A whisper-light, dusty gold — the color of old brass.
• Walnut (#8F703C): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#653900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#451800): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1C1500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Garden 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

• Olive Pier color palette (#F5EAD9, #746811, #483500, #2B1700, #0B0D00)
• Hushed Courtyard color palette (#F8EBE0, #A3814E, #7E4500, #5F2000, #2E2300)
• Chalky Bronze color palette (#FCD7E4, #C79539, #B26800, #83482B, #1C1500)
• Patina Garnet Summit color palette (#F5E2ED, #BE506C, #88001D, #421600, #230F00)
• Patina Bronze color palette (#FFEADB, #C29262, #A34E0E, #802617, #483100)
• Hushed Aubergine Veranda color palette (#F1DDDE, #A35599, #6D2300, #570050, #080200)
• Washed Aubergine Corridor color palette (#FDDCE1, #7E1C85, #414800, #003125, #1C001E)
• Byzantium Chapel color palette (#DEF4E4, #D77500, #AD08F0, #32030E, #100508)

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