Cocoa Grove color palette — #F7E5CF · #A6956B · #7F5C29 · #693400 · #33302A
A conversation between Bronze and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F7E5CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Caramel (#A6956B): A luminous, dusty gold — the color of honey in a jar.
- Coffee (#7F5C29): A full-bodied, balanced gold — the color of old brass.
- Bronze (#693400): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#33302A): a grounded near-black with real depth.
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 Villa color palette (#E7DDCE, #95884F, #6F4F00, #512D00, #2C2300)
- Tempered Chestnut Veranda color palette (#FBF5E7, #B2A780, #7E7244, #6C4A04, #443E00)
- Weathered Bronze Pier color palette (#DEEDDD, #B6B080, #AC7314, #864732, #173730)
- Feathered Chapel color palette (#FFD2DF, #DB868B, #B14331, #6B3000, #442800)
- Patina Mulberry Market color palette (#FCF2F2, #C67FAB, #894D00, #8B006B, #271300)
- Ancient Olive color palette (#EEE5CA, #5D7023, #3D3A00, #251A00, #030F00)
- Midnight Chestnut color palette (#F6E1CE, #765111, #432200, #230700, #050300)
- Hushed Fern Boulevard color palette (#FEE9EA, #965789, #516C0B, #00504C, #3E191E)
Browse the whole catalog at Explore, or see today's palette.