Cocoa Garden color palette — #FFF2EA · #DEE0CB · #BBCE9E · #9D6A69 · #694100
A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Bone (#DEE0CB): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#BBCE9E): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#9D6A69): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#694100): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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
- Weathered Amber Balcony color palette (#FFF3E7, #DFDDC2, #BCCD9B, #D18B68, #724500)
- Jade Quarry color palette (#FFF0D9, #E4DA87, #3CBB7F, #A44434, #493C00)
- Dusty Cocoa Corridor color palette (#FFF2EA, #BCA286, #926752, #7C3D26, #403D36)
- Weathered Chapel color palette (#FFECF3, #C3EAEF, #D5C287, #B56E4A, #492A35)
- Patina Chestnut color palette (#F2EECE, #A4E0AB, #56B2B8, #725601, #253712)
- Bronze Loft color palette (#FFF4DA, #C7F4B6, #4AC7BB, #A66700, #3D4F24)
- Worn Chestnut color palette (#F9F5EC, #BEAE74, #008076, #725E00, #1B2816)
- Stone Corridor color palette (#FFF0F9, #CFE3CF, #B1B1BC, #E29B9C, #5A4049)
Browse the whole catalog at Explore, or see today's palette.