Cocoa Grove color palette — #F6EBF0 · #98A497 · #62866D · #582600 · #0A0206

Built around Espresso, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Blush (#F6EBF0): bright and airy, almost weightless.
• Taupe (#98A497): A luminous, dusty green — the color of fresh herbs.
• Fern (#62866D): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#582600): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#0A0206): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Wandering Garnet color palette (#F1E7E2, #B2A899, #8D8037, #5F2000, #210F04)
• Patina Loft color palette (#E0E6E1, #819289, #4E7469, #372700, #000200)
• Antique Garnet Dune color palette (#EBE2EA, #AA9AA4, #966E7F, #6A0018, #0C000C)
• Worn Cocoa Delta color palette (#F3ECF0, #C8D4C9, #86B1A2, #813000, #080005)
• Patina Delta color palette (#E8F2EF, #A8B7B5, #6A9799, #344D00, #000E0A)
• Worn Chestnut Thicket color palette (#FDEDF3, #C8D9CA, #90B6A1, #854A00, #2A101C)
• Softworn Boulevard color palette (#ECF4F1, #CDD8DB, #A7BCBB, #606C00, #11251E)
• Patina Onyx Summit color palette (#FFE8D1, #7F7136, #33501D, #002340, #06002C)

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