Cocoa Grove color palette — #FBF4EB · #E5D7BF · #CBB192 · #AB8B70 · #594500

A conversation between Deep Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Bone (#E5D7BF): A whisper-light, dusty gold — the color of old brass.
• Sand (#CBB192): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AB8B70): A luminous, dusty gold — the color of old brass.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Softworn Driftwood color palette (#FFF3E8, #E7CBA9, #D1A17B, #B5765D, #403D36)
• Sunlit Mustard color palette (#F7EED9, #CACE86, #BDA225, #A87400, #2D3B13)
• Muted Study color palette (#EAF6EA, #A2C5AC, #997D58, #6B4E5C, #223029)
• Hushed Bronze Alley color palette (#FCE3C7, #AF8A2F, #976000, #773800, #0E0B00)
• Chalky Moss Alley color palette (#E6E1D1, #A9BA84, #979325, #846700, #262601)
• Wandering Blush Quarry color palette (#FBF3F3, #FFD1D1, #E7A871, #DB8EBF, #322D28)
• Sunlit Terracotta color palette (#FFE6D5, #C9925E, #BE5D1E, #9E2C1D, #201300)
• Hushed Boulevard color palette (#FFF1F2, #E4AFD7, #AFBE88, #38AEA7, #4C3638)

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