Cocoa Grove color palette — #F1EAE5 · #CAB7A7 · #AC8B66 · #632700 · #030100

Rust takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F1EAE5): bright and airy, almost weightless.
• Stone (#CAB7A7): A luminous, dusty gold — the color of old brass.
• Caramel (#AC8B66): A luminous, dusty gold — the color of old brass.
• Rust (#632700): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Lagoon color palette (#F2E8E3, #A3988A, #827025, #511000, #130601)
• Worn Fern color palette (#F0EEE7, #D4D1B9, #A8A989, #4F5200, #040200)
• Weathered Terracotta color palette (#EEE6E1, #A5A28E, #878C6F, #A04224, #120602)
• Tempered Pier color palette (#F4D9BE, #FF7934, #AC6B00, #725A00, #020100)
• Chestnut Lagoon color palette (#EBDEC6, #8E5300, #402F00, #001107, #020100)
• Muted Fern color palette (#E8DFC7, #7A8354, #3B601E, #002C2F, #000305)
• Hushed Olive Orchard color palette (#F6EFDF, #7F7F17, #374200, #2C1400, #010100)
• Bronze Drift color palette (#F9F4EF, #E0E0CD, #C4C7AC, #9D6A2A, #261C11)

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