Cocoa Grove color palette — #F9DDCD · #7F2A00 · #1D3100 · #00171E · #0E001C

A conversation between Rust and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F9DDCD): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#7F2A00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#1D3100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00171E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0E001C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Obsidian Mulberry Quarry color palette (#F3E2DE, #8B0037, #342900, #001913, #00051E)
• Midnight Alley color palette (#F4E8D2, #5A4700, #342800, #001415, #050000)
• Shadow Cabin color palette (#F4E8D9, #664100, #003325, #02004C, #160006)
• Timeworn Bronze color palette (#EFDBCC, #9C6100, #543E00, #2B2300, #041503)
• Aged Bronze Terrace color palette (#FFE3D6, #96692D, #4D4900, #002F3E, #191234)
• Ancient Loft color palette (#ECE7FF, #9E20A8, #4C4700, #001B67, #120014)
• Rose Chapel color palette (#F0E2DA, #FF3456, #A34D00, #614D00, #1A0900)
• Ancient Cypress color palette (#DFE5CA, #007E61, #00413C, #460018, #00140D)

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