Cocoa Garden color palette — #DAEDD8 · #623E00 · #003B52 · #002231 · #040008
A conversation between Bronze and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DAEDD8): A whisper-light, dusty green — the color of new leaves after rain.
- Bronze (#623E00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Teal (#003B52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#040008): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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 Garnet color palette (#FADEF3, #892200, #003E4B, #002129, #02000D)
- Inked Onyx Quarry color palette (#DEECDF, #745100, #004144, #2C003C, #040007)
- Moonless Fern Lantern color palette (#D3F3E4, #484800, #1A2026, #001202, #000201)
- Deep Aubergine color palette (#D5E9D3, #644600, #310090, #220057, #060002)
- Hushed Bronze color palette (#FFE4CE, #8A6A00, #494A00, #052600, #000603)
- Hushed Cocoa Workshop color palette (#D9E1DA, #94ABA0, #6B8F88, #5C3F00, #040C04)
- Patina Balcony color palette (#F9EEE1, #825B00, #184A00, #240554, #040300)
- Aged Garden color palette (#D1EED8, #907000, #4648C8, #333785, #17081F)
Browse the whole catalog at Explore, or see today's palette.