Cocoa Grove color palette — #FFECF3 · #97B4A0 · #916D4C · #743830 · #062920

Rust and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#97B4A0): A luminous, dusty teal — the color of sea glass.
• Walnut (#916D4C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Rust (#743830): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#062920): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Bronze color palette (#FFF1F6, #90B193, #9A652E, #72442F, #2D4335)
• Aged Driftwood color palette (#E7F6EC, #A6C2B9, #8E8359, #714B5B, #183130)
• Washed Garnet color palette (#EEDBE0, #A3996A, #865A20, #6C220E, #001E17)
• Washed Dune color palette (#FFF3E7, #F3D8B4, #BE956F, #95593C, #34312B)
• Plum Pier color palette (#EBF3FA, #8DB9DA, #AD546B, #006BA0, #150819)
• Muted Olive color palette (#D9F3DC, #757638, #593E00, #3D1500, #010700)
• Pewter Garden color palette (#EDF1FF, #847DBC, #9F5B81, #545600, #13182E)
• Worn Bloom color palette (#EBF3FC, #D1AB8D, #38567E, #102846, #050D17)

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