Cocoa Grove color palette — #FFF1F6 · #ECC7D1 · #BD94B6 · #975C49 · #5D3300

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Oat (#ECC7D1): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#BD94B6): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#975C49): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5D3300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Antique Cocoa Cabin color palette (#FFD2DA, #CF95BB, #9B5C72, #693700, #281A00)
• Tempered Bronze Summit color palette (#FFF1F2, #FFCECC, #BF9289, #8F6127, #3A3630)
• Ancient Cocoa color palette (#FFF1F3, #EED5C7, #D2AAA2, #987750, #624400)
• Weathered Driftwood Basin color palette (#F9DDEA, #B57788, #804645, #443300, #111000)
• Driftwood Thicket color palette (#EAF0FF, #A4A0D1, #876D9A, #5F4D61, #57313A)
• Antique Driftwood Harbor color palette (#FFE2EB, #AA666C, #6F3427, #221C00, #010100)
• Wandering Fern Delta color palette (#DAF5E3, #AEC5F6, #C496A1, #758453, #3E5109)
• Ancient Spruce color palette (#FFF2F0, #EDBAA6, #9F7C5D, #4F5D2E, #023206)

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