Cocoa Grove color palette — #FFF2E9 · #79A578 · #007690 · #7C3700 · #344229
A conversation between Bronze and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Moss (#79A578): A luminous, balanced green — the color of fresh herbs.
- Teal (#007690): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#7C3700): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#344229): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, muted.
Use it as a design system
One click turns Cocoa Grove 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
- Linen Courtyard color palette (#F6F6EB, #759550, #3663A3, #663E00, #294000)
- Muted Chestnut Harbor color palette (#FDF4E2, #9CAF88, #497CA5, #6B5800, #3D4D3D)
- Mulberry Delta color palette (#FFF2EE, #989D5C, #007A74, #72355A, #3D3E37)
- Misty Teal color palette (#E3F9E7, #22B3A5, #007696, #6F2B49, #012732)
- Antique Olive Grove color palette (#FCF3EC, #BCAE90, #647C4A, #486146, #553E00)
- Emerald Delta color palette (#F9E1BF, #009460, #00597F, #4B3300, #00302D)
- Ultramarine Station color palette (#FFF4DA, #009FA9, #5150B5, #4F4600, #003B52)
- Cerulean Atelier color palette (#FFF4E2, #43C9BB, #0594BB, #894E66, #2F4331)
Browse the whole catalog at Explore, or see today's palette.