Cocoa Garden color palette — #CEEBDA · #55A9AE · #396A96 · #653300 · #371F00

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

The five colors

• Honeydew (#CEEBDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#55A9AE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#396A96): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#653300): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#371F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Timeworn Garnet Dune color palette (#E5EFD4, #5DB398, #007C99, #7C232A, #441405)
• Denim Drift color palette (#D5F1D5, #6F9DBF, #61578C, #4B441B, #1C2100)
• Worn Pier color palette (#CEE9C5, #70BCDD, #6B71A5, #63521A, #383200)
• Aged Terracotta color palette (#E0EDD8, #76BCB1, #0099C7, #A44100, #523C00)
• Airy Courtyard color palette (#CEE7DD, #26A0DD, #A63C00, #005276, #2B0900)
• Dusty Mulberry Studio color palette (#E2F3FF, #6D97D1, #5F6A9C, #7E1D69, #62183B)
• Weathered Cobalt color palette (#D3F4FF, #6376B1, #6A4678, #263300, #0E1500)
• Chestnut Workshop color palette (#CAE4F5, #007AAF, #9D4900, #784300, #00101C)

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