Cocoa Garden color palette — #EDE6FF · #9F6787 · #723604 · #002133 · #000103

Bronze and Mocha set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#EDE6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#9F6787): A full-bodied, balanced pink — the color of neon signs at night.
• Bronze (#723604): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

Feels like: Optimism, Creativity, 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

• Muted Corridor color palette (#E7DEEF, #976386, #7F3A0C, #061B64, #07000F)
• Wandering Basalt color palette (#F8E3F8, #927692, #5F416C, #00251C, #000203)
• Patina Mulberry color palette (#E5D8F5, #A33E52, #4C3200, #00252D, #020E1A)
• Cellar Plum color palette (#FEE0F2, #B13854, #6C0D00, #250E00, #020100)
• Bronze Delta color palette (#FDEAF0, #B17170, #96592B, #00543E, #001316)
• Ancient Summit color palette (#F7D9C4, #B76800, #642D00, #181E17, #140400)
• Hushed Onyx color palette (#FBDAEE, #B78065, #675D11, #3F1848, #130019)
• Chestnut Study color palette (#FFE8D3, #7B4600, #005059, #003940, #020100)

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