Cocoa Garden color palette — #F8E0D1 · #742700 · #2E3C00 · #32003A · #0D0200

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 (#F8E0D1): A whisper-light, dusty gold — the color of old brass.
• Rust (#742700): A deep, shadowed, balanced orange — the color of toasted spice.
• Forest (#2E3C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#32003A): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Charred Delta color palette (#F0E3D0, #5F4500, #0E3300, #2B0016, #120300)
• Nocturne Garnet Meadow color palette (#FDEBE7, #810031, #413500, #1E0055, #100002)
• Garnet Lantern color palette (#FFEADF, #791F00, #004039, #001D37, #040000)
• Dusty Bronze Harbor color palette (#F0E6DA, #B6A791, #9B7936, #4F2F00, #1D1104)
• Tempered Drift color palette (#F8E6D8, #A04F00, #353D11, #3F1B00, #030100)
• Dusty Workshop color palette (#F3F0D9, #445B00, #004C54, #4A1400, #100E00)
• Hazy Garnet Delta color palette (#EBDDB8, #6F6300, #006156, #6D001C, #231900)
• Frosted Boulevard color palette (#FDE7E1, #A92F00, #005F5D, #00385D, #0E0100)

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