Cocoa Grove color palette — #FFF2EA · #DEC6AD · #C78B72 · #8C6C62 · #5F4200

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Oat (#DEC6AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#C78B72): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#8C6C62): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Antique Stone color palette (#FEF1F8, #EED3D1, #C4A3B6, #897185, #344434)
• Hushed Alley color palette (#FFF0F8, #DAAD90, #997389, #6D5565, #524348)
• Sunlit Bronze color palette (#F2E2CD, #AC9F5F, #976700, #753B16, #202801)
• Linen Amber color palette (#FFEBD6, #CFB168, #BD7200, #92482E, #383807)
• Hushed Garnet color palette (#F3E0D2, #A57121, #823C00, #610009, #110A00)
• Wandering Turquoise Station color palette (#EDF9EF, #4DBEC7, #C78D5D, #6D8258, #334135)
• Soft Moss color palette (#EDE3CC, #839644, #6F6000, #553500, #031C02)
• Worn Delta color palette (#EDF8F5, #75AADF, #BE6A7B, #657235, #263731)

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