Cocoa Grove color palette — #FFF0F8 · #F1D4DE · #DBB8BE · #B69486 · #763F10

Bronze takes the lead with Taupe close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#F1D4DE): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#DBB8BE): A luminous, dusty red — the color of late-summer berries.
• Taupe (#B69486): A luminous, dusty orange — the color of toasted spice.
• Bronze (#763F10): A full-bodied, balanced gold — the color of honey in a jar.

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

• Blush Villa color palette (#FFDBE1, #E6B2D1, #D38DA3, #A4805E, #573900)
• Driftwood Ridge color palette (#DFFDF0, #EACAE0, #C6A8AB, #8F8138, #5C5000)
• Ancient Fern color palette (#E4F9E2, #D4C4D5, #A38B91, #67681E, #454600)
• Tempered Alley color palette (#F0E1EC, #CE8FAD, #BC6979, #875B16, #3A2B08)
• Wandering Apricot color palette (#F4D8DB, #FF9C8E, #D28A65, #767935, #304801)
• Patina Aqua Meadow color palette (#F2F7ED, #D3E4C9, #7CC5BC, #89A18D, #475141)
• Mallow Cabin color palette (#FFF0F9, #D3D2FF, #BCABFE, #9582BD, #60444E)
• Blush Orchard color palette (#FFF1F4, #E2B2F6, #FEA09D, #83B3E5, #523B41)

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