Cocoa Grove color palette — #EEF4EB · #70A99C · #7C6697 · #644600 · #1B2D10

Bronze takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EEF4EB): bright and airy, almost weightless.
• Turquoise (#70A99C): A luminous, dusty teal — the color of glacier melt.
• Slate (#7C6697): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#644600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#1B2D10): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Ancient Hollow color palette (#F1F3E8, #80A884, #4D769B, #793233, #262B04)
• Patina Study color palette (#F8EFF2, #A393BD, #796797, #634700, #002C3A)
• Washed Pewter color palette (#FAF2FB, #6A9CD0, #7D5FA4, #744155, #2D4A36)
• Tempered Villa color palette (#EBF8FC, #58C4C8, #A878B1, #7E652F, #284A3D)
• Timeworn Grape color palette (#E5F8E5, #009696, #802C9F, #4E3200, #001D1B)
• Timeworn Lagoon Workshop color palette (#F4F2EA, #C4C6AD, #5F8F78, #4C6A55, #31322B)
• Denim Bloom color palette (#CAF0DE, #94B8DD, #6D81BD, #5C4E96, #502F3D)
• Washed Cobalt Basin color palette (#E2F2EC, #1483C2, #8C323E, #004016, #001A0B)

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