Cocoa Garden color palette — #E8FBEB · #89B29D · #846F48 · #6C482E · #28433C
A conversation between Coffee and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#E8FBEB): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#89B29D): A luminous, dusty teal — the color of sea glass.
- Walnut (#846F48): A full-bodied, dusty gold — the color of honey in a jar.
- Coffee (#6C482E): A full-bodied, dusty gold — the color of honey in a jar.
- Forest (#28433C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Chestnut Workshop color palette (#DBEEE0, #73A38F, #74612E, #5D3B19, #113831)
- Hushed Summit color palette (#FFF0F9, #C2A07E, #96654F, #714344, #2A4432)
- Chestnut Archive color palette (#ECF9EE, #AAC6B3, #A28C61, #836232, #2C4337)
- Weathered Garden color palette (#FCF0DE, #BCA983, #8A713D, #664407, #2B2108)
- Wandering Lagoon Grove color palette (#E6F9FF, #009495, #9C5F45, #7B4126, #1E373E)
- Wandering Marigold Ridge color palette (#FDF4E7, #D7D39E, #CAA763, #A67E62, #443E00)
- Antique Pewter Chapel color palette (#EEF7FA, #6CBEC1, #85599F, #006D70, #232233)
- Dusty Stone color palette (#E9F8FF, #DB9E81, #0B5C68, #023344, #151C27)
Browse the whole catalog at Explore, or see today's palette.