Cocoa Garden color palette — #E7DFD8 · #ADA392 · #8C8768 · #663800 · #120600

Bronze and Driftwood set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#E7DFD8): a clean, paper-quiet neutral.
• Taupe (#ADA392): A luminous, dusty gold — the color of old brass.
• Driftwood (#8C8768): A luminous, dusty green — the color of fresh herbs.
• Bronze (#663800): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Bloom color palette (#F7E9E5, #B3A095, #9D805D, #84012B, #150402)
• Cocoa Corridor color palette (#F5E7EC, #AEC0B2, #789B8A, #573200, #040001)
• Wandering Onyx color palette (#D9E2D8, #8CA08F, #597964, #3E2500, #030C03)
• Softworn Station color palette (#E4DBDF, #91AAA8, #729197, #944F00, #13040B)
• Aged Fern Market color palette (#E9E8DE, #B1B7A7, #859D80, #3F5E00, #161500)
• Aged Delta color palette (#F2EEE7, #DBD8CC, #B7BB95, #916A00, #362C1E)
• Garnet Balcony color palette (#E7E1CA, #50834D, #00523E, #55051C, #000900)
• Antique Ember Harbor color palette (#F6E8D0, #F25D25, #907300, #266E00, #070600)

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