Cocoa Grove color palette — #F9EAE3 · #B06F64 · #5E2C00 · #291A14 · #110B09

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

The five colors

• Cream (#F9EAE3): bright and airy, almost weightless.
• Mocha (#B06F64): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#5E2C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#291A14): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#110B09): quiet, heavy and certain.

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

• Lowlit Bronze Studio color palette (#FAEDE4, #A74E00, #3E2200, #1F0900, #090200)
• Wandering Coral color palette (#F9EEF6, #D58174, #68505E, #3F343C, #242024)
• Tempered Driftwood color palette (#FEEFE0, #BD9369, #7A9960, #A65F76, #332413)
• Washed Chestnut Grove color palette (#FFF2ED, #E2988F, #77480A, #37271F, #150D0C)
• Washed Harbor color palette (#FFEEE4, #DDAC93, #B67B4C, #7C4800, #36312C)
• Shadow Garden color palette (#F2ECD9, #4B5658, #3B3800, #131E1E, #050800)
• Tempered Canyon color palette (#FBF0E6, #CEAC8D, #B68ABC, #A55D08, #48242D)
• Inked Meadow color palette (#EEEAD5, #576200, #2B3537, #122400, #070900)

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