Cocoa Grove color palette — #C5F1DD · #83A7A5 · #3B8088 · #7C4750 · #62401C

Built around Coffee, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#C5F1DD): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#83A7A5): A luminous, dusty teal — the color of glacier melt.
• Slate (#3B8088): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7C4750): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#62401C): A full-bodied, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Petrol Meadow color palette (#D3E8CB, #68B1B5, #3A8095, #614457, #3A1728)
• Aged Cocoa color palette (#D9F8E6, #5CB2B2, #40719D, #774300, #4A4300)
• Muted Cabin color palette (#D8E5D6, #8AD3C2, #7CAE9C, #9A7D74, #614035)
• Timeworn Courtyard color palette (#D6FFF8, #9DC2C9, #6C8497, #79586C, #39533D)
• Pewter Cabin color palette (#F8D3E0, #98B5A6, #578669, #67466C, #54333F)
• Cypress Orchard color palette (#EBF9F3, #84A582, #007459, #4B4F1D, #013F3A)
• Hushed Cerulean Coast color palette (#C0F1FA, #84CACE, #4B99B4, #656590, #454668)
• Soft Rust color palette (#DEF2FA, #399DA8, #B95555, #00636B, #5A1E20)

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