Hushed Cocoa color palette — #E3F9E7 · #89B8A2 · #85734A · #674223 · #0C2822

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#E3F9E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#89B8A2): A luminous, dusty teal — the color of glacier melt.
• Walnut (#85734A): A full-bodied, dusty gold — the color of old brass.
• Bronze (#674223): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#0C2822): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Chestnut Dune color palette (#E9FBED, #8EB19C, #827043, #674C1F, #254536)
• Wandering Chestnut Villa color palette (#D4E6D9, #979E6A, #766324, #57350C, #001D19)
• Lagoon Villa color palette (#E0F7FD, #009A97, #A66040, #774405, #001E25)
• Timeworn Taupe Lantern color palette (#FFEBF6, #C5A582, #8E677D, #5C425A, #13281B)
• Timeworn Pier color palette (#FDF4E6, #C7BE9E, #A38C5A, #8C5D34, #433F00)
• Dusty Olive Meadow color palette (#CDEDDC, #637C34, #4B4500, #311F00, #000801)
• Denim Balcony color palette (#E9F4F9, #DBA58F, #0B606D, #002D35, #030E14)
• Tempered Pewter color palette (#EAF4F8, #63C4CF, #7A68A9, #00727C, #0B0C1D)

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