Cocoa Garden color palette — #EDE3D1 · #783300 · #272500 · #03003A · #070200

Rust takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EDE3D1): A whisper-light, dusty gold — the color of old brass.
• Rust (#783300): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#272500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#03003A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, 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

• Velvet Market color palette (#FFE7F3, #632A00, #00251A, #0B0026, #14010A)
• Deep Alley color palette (#CCE6D6, #8D002A, #331F00, #000F1B, #0B0100)
• Worn Brick Corridor color palette (#F3E8D7, #B32500, #404000, #0F0364, #070200)
• Shadow Field color palette (#E5F5E7, #33474A, #3D2A00, #0B1B1E, #040500)
• Obsidian Fern Orchard color palette (#F8E3D4, #516000, #003930, #2C0031, #011000)
• Tempered Workshop color palette (#FAECD7, #F6202E, #815800, #2C4C00, #040300)
• Bronze Courtyard color palette (#FFE3D6, #876B04, #114716, #211645, #070A27)
• Bronze Canyon color palette (#F1DEC0, #B16400, #665B00, #004058, #060300)

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