Cocoa Garden color palette — #FAE9DA · #763C00 · #004734 · #00163C · #030100

A conversation between Bronze and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#FAE9DA): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#763C00): A full-bodied, balanced gold — the color of old brass.
• Forest (#004734): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00163C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

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

• Cocoa Quarry color palette (#F9EADF, #863C00, #00332B, #0E001C, #030004)
• Garnet Orchard color palette (#F9E4F2, #651900, #00322E, #001424, #060000)
• Nightshade Lantern color palette (#FDEBD8, #6D4200, #2F08A6, #230041, #020100)
• Mulberry Corridor color palette (#F6D7D5, #8C0057, #00444C, #00153D, #040001)
• Cellar Bronze Workshop color palette (#FFD8CE, #A86600, #4F4200, #0C0F00, #000200)
• Charred Delta color palette (#FBEBF2, #5F00B8, #00491A, #001B2A, #020007)
• Airy Courtyard color palette (#EFE0D9, #D43B27, #2F4400, #560500, #010100)
• Wandering Market color palette (#E8E2DC, #C2BAAB, #99936F, #5A3000, #020100)

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