Cocoa Grove color palette — #F1E7D9 · #A49152 · #6B6200 · #742B00 · #221A00

Rust takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F1E7D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#A49152): A luminous, balanced green — the color of fresh herbs.
• Olive (#6B6200): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#742B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Fern Bloom color palette (#E8E4D0, #839D5D, #3D6F24, #5D3E00, #141F00)
• Wandering Amber color palette (#EEE2D4, #B48100, #7D5F00, #4F4100, #282300)
• Tempered Drift color palette (#F2E5CB, #9C8600, #008686, #605200, #002020)
• Soft Alley color palette (#E1FEE8, #B8A317, #646400, #583017, #000B04)
• Terracotta Thicket color palette (#F5E6C8, #887300, #007D55, #A60D00, #161100)
• Olive Orchard color palette (#F0ECD5, #94B967, #358E00, #785300, #213500)
• Antique Grove color palette (#F3E8D9, #837D28, #2E4F00, #471A3F, #1E1C00)
• Hushed Olive color palette (#FAF5E4, #AFBB8C, #6D8C47, #686723, #37362F)

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