Cocoa Grove color palette — #FFF2EB · #EDDAB6 · #DEB68A · #B8766E · #5E2E00

Cocoa and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EDDAB6): A whisper-light, dusty gold — the color of old brass.
• Sand (#DEB68A): A luminous, dusty gold — the color of old brass.
• Caramel (#B8766E): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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 Loft color palette (#FFF2F0, #EDD6C3, #F5A8A1, #B0769E, #57342E)
• Antique Dune color palette (#FFF3E8, #DDDCCA, #C5CBA1, #BA8F77, #714500)
• Patina Archive color palette (#FFF2EC, #E7DFB6, #B7B77E, #954E6B, #633100)
• Taupe Thicket color palette (#FFF0F9, #D7DACD, #9EC4C5, #C9857B, #4A323F)
• Terracotta Villa color palette (#FAE8DB, #E2B890, #BA9A58, #9C472B, #3A1B00)
• Driftwood Lantern color palette (#F1E7D1, #B3B180, #8C814C, #6A592C, #32302A)
• Quiet Ridge color palette (#FFF3E2, #EEDE86, #BECB48, #AB6F00, #4C3B00)
• Muted Mulberry color palette (#FFEAD9, #C57B3B, #8B70B6, #8A417A, #352210)

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