Cocoa Grove color palette — #D1E8F0 · #005F63 · #584100 · #262D00 · #000202

Deep Olive and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D1E8F0): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#262D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Wandering Terrace color palette (#D6EDEC, #00633D, #732C00, #392400, #000201)
• Cellar Onyx Station color palette (#D1E9F5, #003F4B, #461C00, #0D1600, #000203)
• Powdered Bloom color palette (#D4E3FB, #2F4DD5, #006434, #003F3B, #01001F)
• Antique Workshop color palette (#E1EDF7, #0076AD, #576A00, #00502C, #000F1B)
• Muted Sapphire Delta color palette (#D9E5F5, #006ACF, #865500, #623D00, #000207)
• Wandering Bronze Hollow color palette (#CBE3EC, #00919E, #896E00, #475C00, #001E28)
• Moonless Cabin color palette (#DEDCF3, #781F96, #782500, #3C2200, #040007)
• Linen Cornflower Harbor color palette (#D4E6FF, #307FFF, #00912E, #006854, #031C47)

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