Cocoa Grove color palette — #E5DBE1 · #BEAEB4 · #76977D · #722A00 · #13060E

Rust takes the lead with Eucalyptus close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#E5DBE1): a clean, paper-quiet neutral.
• Ash (#BEAEB4): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#76977D): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#722A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#13060E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Muted Garnet Atelier color palette (#EBE2DE, #C3B7A9, #958E75, #762610, #281C16)
• Softworn Basalt Atelier color palette (#E6EEE8, #A3B9AF, #6F978E, #534200, #040D07)
• Aged Boulevard color palette (#EEE2E6, #94A598, #817E4E, #4F2D00, #0C0104)
• Muted Garnet Meadow color palette (#F2E9F3, #BDAEB9, #A28392, #81002D, #100711)
• Softworn Terracotta Loft color palette (#FBF2F8, #CBE5DD, #A2C4B5, #954430, #150712)
• Worn Chestnut color palette (#EAF5EA, #C3DACC, #A8B181, #7A5200, #0D1F0E)
• Ancient Spruce color palette (#E0E7E3, #7C938B, #49756E, #312A00, #000201)
• Tempered Meadow color palette (#DAEADF, #757F36, #284F00, #491714, #070900)

Browse the whole catalog at Explore, or see today's palette.