Cocoa Grove color palette — #F4E3D6 · #713900 · #033405 · #001621 · #100018

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4E3D6): A whisper-light, dusty gold — the color of old brass.
• Bronze (#713900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#033405): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001621): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100018): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Moonless Garnet Balcony color palette (#FAE9E2, #8E0013, #2A2D00, #00181A, #0A0021)
• Onyx Dune color palette (#F5ECD2, #514C00, #00322F, #0C0047, #160006)
• Ancient Bronze color palette (#F8E3CC, #8C6A00, #453A00, #252800, #00170A)
• Wandering Summit color palette (#FFEBD8, #F03E00, #945800, #4D4800, #150B00)
• Worn Olive Studio color palette (#E9DFC9, #6A7200, #224100, #43080A, #140F00)
• Fern Station color palette (#FEDEC9, #826C3C, #3D4B00, #002F47, #121440)
• Terracotta Ridge color palette (#F3DDEA, #AB3D00, #004E5E, #00264F, #000717)
• Bronze Hollow color palette (#FFE0EC, #BA6A00, #666900, #005135, #170003)

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