Cocoa Grove color palette — #FCF3EE · #A3715F · #776424 · #00566E · #582400
Built around Espresso, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Mocha (#A3715F): A full-bodied, dusty orange — the color of autumn markets.
- Olive (#776424): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#00566E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#582400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Dusty Lagoon color palette (#FEF2ED, #B37B72, #945C4C, #005852, #442B2D)
- Softworn Lantern color palette (#FBF4E8, #C898AB, #946F44, #3C5A86, #71331B)
- Weathered Denim color palette (#FAF5E9, #9B8F4F, #746B25, #0D5083, #3A332F)
- Bronze Quarry color palette (#FFF3E7, #975900, #525B00, #003B68, #3D1600)
- Dusty Bronze color palette (#FBEFE7, #A26F52, #3F3C35, #32261C, #191510)
- Worn Aubergine Alley color palette (#FAF5E7, #7C761F, #006A4D, #4E3380, #332A15)
- Antique Lagoon color palette (#F6EFF6, #BA777D, #2A794A, #0A5268, #1D1C2A)
- Driftwood Pier color palette (#FBF3F1, #DCDAD4, #9EB1AC, #B06C6C, #5A504D)
Browse the whole catalog at Explore, or see today's palette.