Cocoa Grove color palette — #FBF4ED · #DFE0CC · #A47D5E · #673A00 · #24190E

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Bone (#DFE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#A47D5E): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#673A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#24190E): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Hushed Archive color palette (#F7F6E8, #FBE3B1, #6C7E4B, #2F3F09, #111005)
• Muted Marigold Station color palette (#F4EFD8, #C69B36, #3C4000, #1D2726, #070800)
• Antique Bronze Thicket color palette (#FBF4EE, #E5E0B1, #CA8F6A, #955E2F, #332922)
• Ancient Harbor color palette (#F8EFF3, #CFC586, #835439, #412835, #1A1116)
• Bronze Harbor color palette (#EDE1D3, #9A7300, #291600, #0E0C06, #020100)
• Mustard Delta color palette (#FDF4E3, #DCB55F, #624F00, #1F1700, #020100)
• Worn Cobalt color palette (#FDF4E5, #E7DFA8, #84B07D, #5E6FAA, #413F38)
• Cobalt Chapel color palette (#FDF3EA, #E8B98B, #6EBBD0, #767BBD, #36312B)

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