Cocoa Grove color palette — #F9ECF3 · #C7B2BB · #80957D · #702E00 · #2B1923

Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F9ECF3): a clean, paper-quiet neutral.
• Rosewood Mist (#C7B2BB): A luminous, dusty rose — the color of a warm blush.
• Eucalyptus (#80957D): A luminous, dusty green — the color of new leaves after rain.
• Rust (#702E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2B1923): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Washed Boulevard color palette (#DBE2DC, #AEBEB2, #7C9587, #5B3E00, #172319)
• Worn Garnet color palette (#E9E3E9, #C2B4C0, #9E8696, #800B29, #271A27)
• Terracotta Alley color palette (#F0E8E4, #CCC2B8, #B1A386, #A03B0F, #2C1B10)
• Aged Fern color palette (#E6F1EE, #C0D0CD, #87A8A5, #495D1F, #23312D)
• Tempered Spruce color palette (#E7F3EC, #8F9E97, #58786F, #312C00, #000D06)
• Softworn Olive Atelier color palette (#CCE6D8, #7B8034, #3C4C00, #462500, #1B1D00)
• Fern Corridor color palette (#EDE6D2, #828459, #495C2D, #00413F, #0A2639)
• Worn Pewter color palette (#FBF2F6, #D0D9DA, #AFC1BD, #906678, #4E4548)

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