Cocoa Grove color palette — #E3DCE0 · #C3B4B9 · #809484 · #702D00 · #2C1824

Rust takes the lead with Onyx close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Silver (#E3DCE0): a clean, paper-quiet neutral.
• Stone (#C3B4B9): soft and architectural.
• Eucalyptus (#809484): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#702D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2C1824): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Timeworn Harbor color palette (#EFE6EC, #ABB7AB, #8C9266, #782100, #13060F)
• Washed Grove color palette (#F4ECF4, #C3B3BE, #9E8691, #830028, #2A182B)
• Basalt Archive color palette (#EBF1ED, #AEBDB7, #74968F, #524300, #0B2517)
• Terracotta Study color palette (#ECE2DC, #D0C2AF, #ABA588, #A43700, #2B1B11)
• Hushed Meadow color palette (#DEE7E2, #8F9E99, #5B7773, #312B00, #000D06)
• Chestnut Lagoon color palette (#EDF9EE, #C7D7CE, #85B2A3, #765300, #203A24)
• Worn Olive color palette (#EFF7F5, #D1DBDF, #A0B9BC, #3D740F, #2D3F3B)
• Bronze Orchard color palette (#FAF3F6, #CED9DB, #AAC3C1, #996741, #524349)

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