Cocoa Grove color palette — #FFE9F2 · #906A3A · #5C2E00 · #270600 · #020100

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

The five colors

• Blush (#FFE9F2): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#906A3A): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#270600): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Moonless Villa color palette (#CCECD4, #7C7526, #4B3900, #1D0F00, #010100)
• Chestnut Loft color palette (#F7E0CC, #7B4E00, #452100, #240500, #050300)
• Cocoa Thicket color palette (#F3D9E5, #A77C4E, #793900, #420A00, #020100)
• Dusty Coast color palette (#CDEFDC, #97A15D, #6C6000, #412E00, #020500)
• Bronze Hollow color palette (#E5FDE7, #C0B281, #966E25, #693800, #00170E)
• Charred Garnet color palette (#DCEDFF, #005088, #6B1D00, #1C1900, #000104)
• Wandering Drift color palette (#E5FCEB, #A5D4BC, #9F8744, #794E05, #00291F)
• Chestnut Market color palette (#FFF1F5, #E8CC98, #C4812C, #974400, #2F2800)

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