Cocoa Grove color palette — #FAF2FE · #D5A283 · #753D4F · #4B1B2C · #271E2A

A conversation between Cocoa and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FAF2FE): a clean, paper-quiet neutral.
• Camel (#D5A283): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#753D4F): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#4B1B2C): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#271E2A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Worn Drift color palette (#F9F3F8, #DBB3C2, #7E5048, #492E44, #2F2023)
• Softworn Mulberry color palette (#F5EFFD, #AFBA7F, #7B3A66, #2E203D, #0F0915)
• Patina Loft color palette (#FFF0F8, #CB9653, #743200, #411900, #28131F)
• Chalky Mulberry Garden color palette (#F9F3FA, #E1979D, #A7552A, #AD1A40, #2F1E28)
• Worn Pewter Basin color palette (#FDF2F2, #C1CC88, #965A84, #5B3639, #2C1D1E)
• Patina Coral Bloom color palette (#FFF2EF, #FFC8A1, #C57C8D, #7A5A54, #291F1D)
• Airy Forest Atelier color palette (#E6FCEA, #C28962, #8A6116, #035E24, #4F343F)
• Hazy Terrace color palette (#F2DDF1, #D17A23, #730019, #3A0008, #1C051B)

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