Cocoa Grove color palette — #D1EFDF · #006984 · #7D3000 · #003240 · #200700

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D1EFDF): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006984): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7D3000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#003240): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#200700): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Frosted Ultramarine color palette (#EDE1ED, #005DB6, #6A4200, #002B5B, #190C00)
• Aged Mulberry color palette (#D7E5CD, #006F5C, #8B004B, #00352B, #24000F)
• Hazy Chestnut Dune color palette (#C9E7F6, #00869C, #9E4C00, #004E5C, #1E0900)
• Tempered Garnet Corridor color palette (#D5E6EE, #005471, #76004C, #323300, #00090F)
• Washed Bronze Market color palette (#C4F0DE, #0090C5, #AD5300, #005577, #4B2000)
• Twilit Cobalt color palette (#D4E0EA, #007AB0, #003E57, #001522, #000306)
• Bronze Workshop color palette (#FDECD3, #7A6600, #4B3400, #2C1600, #0C0C00)
• Linen Parlor color palette (#D2F4E4, #67A7EE, #766FDB, #00474F, #00192C)

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