Cocoa Grove color palette — #F7DECC · #773400 · #1C2900 · #15002A · #060300

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

The five colors

• Parchment (#F7DECC): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#773400): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#1C2900): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#15002A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Twilit Fern color palette (#FFDDD4, #564A00, #002B22, #200012, #020400)
• Moonless Garnet Garden color palette (#F2E7D9, #8D002F, #2E2200, #070037, #0A0100)
• Timeworn Courtyard color palette (#F9E8CD, #7F5D00, #334400, #001F42, #040300)
• Inked Spruce color palette (#F4EEE0, #515E63, #342F00, #141E19, #000601)
• Ancient Onyx color palette (#F0DFD8, #92594A, #373C00, #3B0039, #2C0100)
• Washed Rust Corridor color palette (#EFE4D0, #CD5949, #6F5800, #00503D, #020200)
• Abyss Villa color palette (#EDE1DD, #6A8A6D, #004358, #00240C, #00081C)
• Worn Thicket color palette (#F6E4DE, #746600, #00483B, #440036, #0F1A00)

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