Cocoa Garden color palette — #F8E2D7 · #644800 · #332C00 · #081000 · #000300

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F8E2D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#332C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#081000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Lowlit Ridge color palette (#E1E8D6, #536200, #1E3100, #0B1816, #040800)
• Smoked Summit color palette (#EAE0D1, #8C6C00, #413D00, #191B00, #010100)
• Obsidian Field color palette (#D8F0E2, #594C00, #530085, #241E00, #020006)
• Ancient Archive color palette (#C4E9D6, #6D9979, #00748E, #512900, #010300)
• Patina Study color palette (#EDE4C6, #627D00, #05500D, #002C23, #000C0C)
• Midnight Atelier color palette (#F5D7DB, #9D1314, #441C00, #170D00, #020200)
• Lowlit Aubergine color palette (#E8F2DD, #2E4400, #350084, #330040, #010100)
• Bronze Lantern color palette (#EBE2D6, #958500, #536500, #003A10, #001C16)

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