Cocoa Grove color palette — #F6EFF9 · #D9A78A · #764256 · #311F3A · #100914

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

The five colors

• Blush (#F6EFF9): a clean, paper-quiet neutral.
• Camel (#D9A78A): A luminous, dusty gold — the color of old brass.
• Coffee (#764256): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Indigo (#311F3A): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#100914): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Onyx Canyon color palette (#FFF1F2, #A8B585, #6A4160, #451D3C, #2C1D1E)
• Terracotta Ridge color palette (#F6EFF7, #DDA1A6, #A5622F, #9A4551, #170910)
• Garnet Grove color palette (#FFF1F0, #E8B8A1, #995C76, #652C46, #301B1A)
• Marigold Canyon color palette (#FFEBF6, #DE962C, #7C3300, #391400, #13020C)
• Aged Bronze Chapel color palette (#FFE9E5, #DFA286, #A96B3F, #653B00, #311E00)
• Worn Bronze Villa color palette (#E2F9E3, #CC8A6B, #915E1C, #2A5220, #331926)
• Weathered Dune color palette (#F5DCF5, #D67A1E, #780022, #310009, #070008)
• Dusty Pewter Balcony color palette (#F7F3FF, #DFECBC, #946487, #3D324E, #120C1B)

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