Cocoa Garden color palette — #F6E6D9 · #976C37 · #6B3400 · #4B1000 · #1E1400

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

The five colors

• Parchment (#F6E6D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#976C37): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6B3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#4B1000): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1E1400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Bronze Villa color palette (#F5E2CB, #7C6508, #4D3200, #2E1500, #0D0C00)
• Chestnut Canyon color palette (#F2E7DD, #9F8257, #7D4600, #5E2100, #302100)
• Amber Drift color palette (#FBE0EC, #D88C17, #B1672F, #814938, #1E1400)
• Tempered Garnet Parlor color palette (#FFEADB, #C29261, #9D521E, #822310, #473100)
• Washed Bloom color palette (#CCE7DD, #9A7300, #3D353D, #002A41, #000A14)
• Weathered Garnet color palette (#D5F2E9, #00558B, #781F00, #2F2900, #000E1E)
• Bronze Hollow color palette (#F9F5EA, #BFB89C, #987C36, #7B550E, #4F4A00)
• Obsidian Atelier color palette (#F7ECF6, #0C3EB4, #501800, #191D00, #000B0C)

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