Cocoa Grove color palette — #FFF2F0 · #E1DBCF · #C4CDA2 · #A18CBB · #73351A

Rust and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Pistachio (#C4CDA2): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#A18CBB): A luminous, dusty violet — the color of wild irises.
• Rust (#73351A): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, 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

• Cocoa Villa color palette (#FFF2EA, #DEDFCB, #A1DBD1, #C28896, #6F4300)
• Ash Corridor color palette (#F9F2FF, #FFF4C4, #DAD8CD, #B4A5D8, #594558)
• Aged Loft color palette (#FDF0FF, #E9D5D9, #F3C394, #A86089, #5A4657)
• Misty Garden color palette (#FFF2ED, #FFCFA3, #B4CA36, #B05BA2, #5D200E)
• Worn Basalt Pier color palette (#FFF3E6, #CFBB93, #AD8760, #8A5B52, #453E00)
• Bronze Cabin color palette (#FEF3ED, #C6CA8B, #9F5D51, #48413D, #2E1D14)
• Ancient Garnet color palette (#F0D9CC, #BE995B, #5F9258, #762B4D, #140700)
• Timeworn Cabin color palette (#D6E3F3, #63DDFF, #FF9BB9, #553A36, #332522)

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