Cocoa Grove color palette — #FBF4E8 · #E4D8BE · #C9B38E · #A28F74 · #584500

Deep Olive takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Bone (#E4D8BE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#C9B38E): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A28F74): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Antique Terrace color palette (#E8F6EB, #A7C3B1, #96804C, #456046, #213028)
• Ancient Lantern color palette (#FAE3D2, #DCBA9C, #CD8C66, #A56851, #342F2A)
• Soft Chestnut Thicket color palette (#F5DFCB, #C4955C, #AB6B2A, #8B4407, #201300)
• Tempered Workshop color palette (#EDF9EF, #C1E4E3, #95B99D, #956D7E, #2D453F)
• Feathered Balcony color palette (#FAEFC7, #C3D08E, #A9AA49, #908020, #2D3B13)
• Mallow Alley color palette (#FFF1F1, #EEABD2, #D1B08B, #819BC4, #4E3636)
• Olive Grove color palette (#F6EBD1, #89852A, #6F6000, #4F3C00, #030400)
• Hushed Petal color palette (#DAE4FF, #FFD0C7, #FFBCE8, #7D6768, #383030)

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