Cocoa Garden color palette — #EFF9E6 · #C4E7DF · #9FCEBD · #9B8281 · #7F4126
A conversation between Bronze and Pistachio, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#EFF9E6): A whisper-light, dusty green — the color of new leaves after rain.
- Silver (#C4E7DF): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#9FCEBD): A luminous, dusty teal — the color of glacier melt.
- Driftwood (#9B8281): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#7F4126): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Weathered Study color palette (#E8FBEF, #ECD6D4, #D7AFC7, #9A8378, #744B02)
- Muted Cerulean color palette (#E0FBFF, #93C8E2, #7A8AB8, #7A4844, #442200)
- Basalt Dune color palette (#E6F9FF, #B4CEDB, #8394A0, #6B6F82, #584A5D)
- Aged Powder Alley color palette (#D4FFFC, #ACE2F8, #8AB0E5, #97565D, #5D3112)
- Wandering Corridor color palette (#F5F6ED, #B9E3DC, #82BCAD, #888B43, #3D4E02)
- Aged Lilac Bloom color palette (#EFF6FF, #C2BDF9, #B67DC1, #775200, #343B06)
- Indigo Hollow color palette (#BCE8FF, #8CABD6, #7E6CB3, #69371E, #281A00)
- Dusty Meadow color palette (#EDF9F1, #C9E3FF, #FFB89F, #4CA8C1, #4C4540)
Browse the whole catalog at Explore, or see today's palette.