Hushed Cocoa color palette — #F7E7CB · #7B6F35 · #564200 · #322000 · #040400

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

The five colors

• Parchment (#F7E7CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#7B6F35): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#322000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Hushed Cocoa 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

• Smoked Fern color palette (#F1E2C9, #5E5D00, #382900, #1D0C00, #020400)
• Cocoa Market color palette (#F4DAC9, #9D5B33, #752900, #480700, #080200)
• Timeworn Olive color palette (#D6E9DA, #878621, #785B00, #5F3200, #000503)
• Softworn Chestnut color palette (#E8DCD1, #AC8450, #8B5000, #602D00, #201400)
• Hushed Olive color palette (#D7E6D7, #5C822F, #003333, #2C212A, #000808)
• Patina Garnet Meadow color palette (#E2E4D2, #1F6300, #860016, #401F00, #000200)
• Quiet Bronze color palette (#EADDC1, #AFA852, #8B7600, #684E00, #292C00)
• Faded Garnet Balcony color palette (#F6E9E1, #C39277, #A6593B, #852919, #391B00)

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