Cocoa Garden color palette — #F9F4EF · #C8DECD · #9AB98E · #9E7B7F · #574300
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#C8DECD): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9AB98E): A luminous, dusty green — the color of fresh herbs.
- Mocha (#9E7B7F): A luminous, dusty red — the color of late-summer berries.
- Deep Olive (#574300): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Timeworn Canyon color palette (#EDF8F2, #BBE9DC, #9BC19A, #8A9CAE, #3E524C)
- Taupe Meadow color palette (#FDF4E8, #D3E5BF, #7EAB85, #75709A, #3A3831)
- Ancient Parlor color palette (#EFF8EE, #9DCDB8, #6B8B69, #67627A, #41514A)
- Tempered Market color palette (#FFF1F3, #FED7FC, #A5DCA8, #C37CC1, #464740)
- Washed Stone color palette (#FFF1F4, #E3DAD2, #C5ADD5, #A1B2AF, #634A4A)
- Hazy Jade color palette (#FEF4E4, #CCE39D, #4BA776, #9B4C72, #273402)
- Jade Delta color palette (#FBF3F1, #C6DDE2, #AFC2EB, #5CA37C, #5A4558)
- Washed Driftwood Hollow color palette (#FFF0FC, #E5D5E5, #CD9FDC, #A96495, #6B473D)
Browse the whole catalog at Explore, or see today's palette.