Cocoa Garden color palette — #FFF4E1 · #D7EAC4 · #9BE3E7 · #D4A385 · #5C4700
Built around Deep Olive, softened by Ice Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#D7EAC4): A whisper-light, dusty green — the color of new leaves after rain.
- Ice Blue (#9BE3E7): A whisper-light, dusty blue — the color of deep harbor water.
- Camel (#D4A385): A luminous, dusty gold — the color of honey in a jar.
- Deep Olive (#5C4700): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, 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
- Antique Chapel color palette (#E5FCED, #BDE7E9, #CBE5A8, #B09761, #3E5349)
- Celadon Garden color palette (#FFF2EC, #DFEDA1, #DFDCC9, #E3A0AF, #504A45)
- Patina Marigold color palette (#FFF3E4, #D9D2A0, #CBA667, #A77E63, #453E00)
- Quiet Seafoam Veranda color palette (#FFF5D6, #BBFA98, #03F2E2, #D08400, #2F4112)
- Faded Moss Canyon color palette (#F0F6DE, #AFF1E3, #8CD6FF, #A2A030, #273619)
- Washed Archive color palette (#E0FAE5, #A8E0CF, #90C1CE, #9B7751, #21372B)
- Antique Moss Lagoon color palette (#F6F6EB, #F6CD9C, #82A063, #576B43, #232218)
- Worn Turquoise color palette (#EDE8CB, #59BD93, #00A9C0, #815F00, #031300)
Browse the whole catalog at Explore, or see today's palette.