Cocoa Grove color palette — #D2F0FB · #006C75 · #743A00 · #003338 · #1D0A00

Bronze takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D2F0FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#006C75): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#743A00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003338): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1D0A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, 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

• Muted Garnet Harbor color palette (#C9E4ED, #006C72, #91001C, #003437, #260003)
• Washed Denim Atelier color palette (#E0EFFD, #00548B, #533900, #00223C, #0A0500)
• Weathered Terracotta Orchard color palette (#CCE7F6, #0085A1, #AB3E00, #004D5F, #210600)
• Garnet Workshop color palette (#DFEFFF, #005083, #7D010D, #452100, #000814)
• Dusty Pewter Coast color palette (#D8ECD8, #6E6A2D, #4D3200, #350E00, #050F00)
• Navy Atelier color palette (#E1EBFF, #464DC1, #634500, #1F0086, #170D00)
• Petrol Workshop color palette (#D5EDFB, #0076AD, #003B52, #00121B, #000409)
• Weathered Bronze color palette (#C5EBFF, #0091C1, #AE5200, #005674, #4B2000)

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