Cocoa Grove color palette — #FFE5EB · #F4C7CC · #D7ADAA · #A9896F · #6C4400

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

The five colors

• Rose Water (#FFE5EB): A whisper-light, dusty red — the color of a theater curtain.
• Oat (#F4C7CC): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D7ADAA): A luminous, dusty orange — the color of autumn markets.
• Caramel (#A9896F): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6C4400): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Aged Powder color palette (#FFEFFF, #EED0E5, #B8B1E1, #A78884, #60463E)
• Muted Basalt Lantern color palette (#FFE0D3, #EDB7A1, #C89C75, #8E8A67, #404400)
• Muted Olive Canyon color palette (#DCF5EC, #DFB7CA, #B68CA9, #717E39, #41563D)
• Pewter Corridor color palette (#DEFBE2, #C7B3C6, #97787F, #566848, #29422C)
• Chalky Parlor color palette (#F8EBF7, #F795C9, #DA7792, #986C37, #4E3B00)
• Bronze Coast color palette (#FFE6D8, #DA9566, #B17924, #4F6F44, #002E19)
• Hushed Raspberry Ridge color palette (#F7E0F8, #C47BAB, #BC527D, #7D4400, #2C1B00)
• Timeworn Basalt Courtyard color palette (#F7F6E9, #BFE0B6, #88BB90, #7A9980, #444600)

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