Cocoa Grove color palette — #FFE6F3 · #B2783D · #883B00 · #5C1208 · #001303

A conversation between Burnt Sienna and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFE6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B2783D): A luminous, balanced gold — the color of honey in a jar.
• Burnt Sienna (#883B00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5C1208): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#001303): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Tempered Chestnut color palette (#D3E8D1, #9D8347, #764A00, #4F2300, #110E00)
• Weathered Chapel color palette (#FFF0F8, #D4AB72, #B55825, #722B37, #00180D)
• Ancient Bronze color palette (#F3DCCC, #CA9159, #AA5825, #703D34, #312006)
• Weathered Bronze color palette (#E5F8E8, #8CB79D, #8F6F30, #653F4E, #12281F)
• Aged Summit color palette (#FDECF6, #D6AEBE, #A37763, #6B4C66, #233023)
• Deep Courtyard color palette (#D3F4DE, #686500, #423500, #231400, #000201)
• Aubergine Veranda color palette (#C1E6E9, #00765C, #821696, #6A001D, #000B06)
• Aged Amber color palette (#DBECED, #AC8733, #00442D, #00170D, #000202)

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