Cocoa Grove color palette — #FEF2EC · #DBC7B1 · #B59380 · #926961 · #5C4300

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Oat (#DBC7B1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B59380): A luminous, dusty gold — the color of old brass.
• Walnut (#926961): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

• Cocoa Balcony color palette (#FFF2EB, #F4D2B6, #DBA896, #AC897C, #643E00)
• Basalt Parlor color palette (#FBF5E4, #AFC79D, #969162, #82623E, #334400)
• Washed Atelier color palette (#FDF1F8, #EDD4D0, #D79F8C, #88718E, #33443A)
• Worn Driftwood color palette (#FEF1F9, #CBAFBB, #A27462, #70526D, #3F4C3E)
• Washed Drift color palette (#FDE9D3, #AAA066, #98651C, #7A3622, #1B2A02)
• Aged Veranda color palette (#E7FBF3, #76B3DA, #BF8F78, #9E6D56, #2A433A)
• Cocoa Parlor color palette (#F3E3D9, #A2732D, #883500, #5F0021, #0E0B00)
• Washed Lagoon color palette (#EDF8F5, #F3C5B5, #56897C, #38544C, #222E2B)

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