Cocoa Garden color palette — #EAD8F4 · #A86E74 · #6B382C · #241D00 · #010100

Cocoa takes the lead with Mocha close behind in a set that reads as sophistication at first glance.

The five colors

• Thistle (#EAD8F4): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#A86E74): A luminous, dusty red — the color of a theater curtain.
• Cocoa (#6B382C): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#241D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Sophistication. Tagged vintage, retro, 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

• Mulberry Grove color palette (#F3E5FC, #966B94, #78395C, #371600, #030100)
• Muted Studio color palette (#FEDBE7, #C65B8E, #710041, #1F1108, #110006)
• Timeworn Spruce color palette (#F2DACF, #B08495, #755200, #084306, #001108)
• Midnight Courtyard color palette (#DCE5FF, #6A467E, #5C2235, #001A11, #020400)
• Washed Fern Drift color palette (#ECDCDF, #CC9491, #965B44, #4F4C00, #162000)
• Antique Mulberry color palette (#EAF0FF, #957CAF, #924E67, #165745, #001913)
• Hushed Lagoon Quarry color palette (#D4E9E5, #4F895F, #00482E, #002027, #000200)
• Pale Mulberry color palette (#FAE6FF, #A54DA3, #78006A, #2C0020, #040002)

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