Hushed Cocoa color palette — #E0E3C4 · #9EA182 · #4F8476 · #7D3E2E · #4C3F0C

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

The five colors

• Celadon Mist (#E0E3C4): A whisper-light, dusty green — the color of new leaves after rain.
• Taupe (#9EA182): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4F8476): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#7D3E2E): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#4C3F0C): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Abyss Delta color palette (#D0E8E6, #6CACA9, #027E92, #743F00, #0D4703)
• Washed Chestnut color palette (#E3E3C6, #97B592, #82677E, #695700, #534400)
• Chestnut Pier color palette (#FEF6D3, #A7B89D, #6A9589, #6D6537, #614F00)
• Dusty Study color palette (#D4E6CB, #8EC8D2, #6A94B3, #845956, #703513)
• Patina Fern color palette (#F6F6EA, #92A17F, #007175, #3D5415, #0D3F2D)
• Washed Olive color palette (#E3E3D1, #728B4A, #005F75, #493100, #15290B)
• Aged Thicket color palette (#C1F3EC, #7AD7D8, #9CADCD, #8E7889, #52374C)
• Patina Study color palette (#D9F4F7, #70B9C1, #4D7FA6, #503F5B, #311F2D)

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