Muted Cocoa Grove color palette — #FCEDD8 · #737642 · #583F00 · #3C1600 · #010800

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

The five colors

• Cream (#FCEDD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#737642): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#583F00): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#3C1600): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#010800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted 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 Balcony color palette (#F3E9CE, #4C6C33, #3C3700, #251400, #000201)
• Cocoa Coast color palette (#F9DAC6, #946729, #722900, #470018, #070500)
• Tempered Chestnut color palette (#F0E6D4, #828C5B, #695200, #4D2400, #0D1000)
• Cocoa Study color palette (#F9F1E1, #B2AD85, #827446, #6F3E0E, #21250E)
• Terracotta Thicket color palette (#EEE1D9, #B4833D, #953B00, #690025, #151200)
• Nightshade Archive color palette (#F7DBED, #4441A3, #762400, #003110, #020011)
• Wandering Bronze color palette (#E7EACF, #AE7000, #007CA7, #060B16, #000201)
• Eclipse Navy color palette (#F2E2EF, #917521, #0B1A70, #01002B, #030003)

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