Cocoa Garden color palette — #FFE5F4 · #A36264 · #7B3F20 · #003827 · #001819

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

The five colors

• Blush (#FFE5F4): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#A36264): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#7B3F20): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#003827): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001819): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Cocoa color palette (#FAD6DA, #8E5C51, #603F11, #002826, #000F15)
• Timeworn Driftwood color palette (#E2DAF9, #9E6B9F, #6F4352, #2E3600, #001808)
• Dusty Abyss color palette (#ECDCE4, #BD888A, #8C5F46, #005A42, #002D30)
• Navy Archive color palette (#D8E5FF, #907BA1, #773E42, #003C65, #0F2346)
• Weathered Study color palette (#F2E1DA, #C15F26, #6D3000, #320D00, #030000)
• Plum Basin color palette (#FFE7EE, #C2364D, #860309, #3F0D00, #130500)
• Frosted Navy Field color palette (#FCE2F2, #973100, #005B3A, #322689, #0B0100)
• Tempered Basalt color palette (#F7EAFF, #CEB6CB, #9E858F, #486467, #193B48)

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