Cocoa Garden color palette — #F5D8E4 · #593800 · #472300 · #221207 · #070400

Built around Cocoa, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F5D8E4): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#593800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#472300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#221207): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#070400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Twilit Garnet Canyon color palette (#F1DDED, #39352F, #5C0105, #221B09, #0A0200)
• Moonless Onyx color palette (#E0EDE0, #4A544A, #3F2900, #091B1D, #050400)
• Bronze Chapel color palette (#F4D7DF, #915B00, #342A00, #2A0C18, #110506)
• Aged Nightshade Grove color palette (#E4F3E9, #614F00, #2E00B2, #281F00, #030022)
• Obsidian Onyx color palette (#F5F1CE, #484000, #003A49, #440033, #020200)
• Antique Orchard color palette (#FBEBE3, #7D5F30, #3C3C00, #002834, #001029)
• Patina Lagoon Pier color palette (#E8F5F3, #558C5B, #254245, #1C2C2B, #0E1718)
• Fern Balcony color palette (#D4EAE5, #316A00, #002616, #041100, #000303)

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