Cocoa Grove color palette — #FFF1F3 · #FED0D2 · #ECA1BA · #9D6870 · #773920

Rust and Ballet Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FED0D2): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#ECA1BA): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#9D6870): A full-bodied, dusty red — the color of late-summer berries.
• Rust (#773920): A full-bodied, balanced orange — the color of autumn markets.

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

• Aged Apricot color palette (#FFF2ED, #E9D6C7, #E89C80, #9E7150, #674000)
• Worn Mallow color palette (#FFF0F9, #ECD3EA, #C49FDF, #8F6C92, #674749)
• Terracotta Terrace color palette (#E8E7FF, #CB9FC3, #B36C86, #8F4047, #4D2F46)
• Blush Hollow color palette (#FFF2ED, #E4D8D3, #E2979A, #8F5B5B, #47261B)
• Patina Delta color palette (#FFDCE2, #FF8D95, #CF382D, #7C2D00, #3B1A00)
• Weathered Cocoa color palette (#FFF2EE, #E1D7CF, #DDB2B1, #9FB2B0, #804129)
• Sunlit Orchard color palette (#FFF1F6, #FFB5C5, #F64563, #B03F2E, #5B2307)
• Hushed Ember color palette (#FFF1F2, #FFABA2, #E16A3A, #81430B, #4B2A01)

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