Hushed Cocoa color palette — #D7E8D2 · #7DC3C2 · #A58AA7 · #926B52 · #582802

Espresso takes the lead with Mint Leaf close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Celadon Mist (#D7E8D2): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#7DC3C2): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#A58AA7): A luminous, dusty pink — the color of peonies in June.
• Walnut (#926B52): A full-bodied, dusty gold — the color of old brass.
• Espresso (#582802): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Hushed Bronze Alley color palette (#ECEFDE, #88C4AA, #6CA3C7, #9D613B, #552B1D)
• Timeworn Pewter Meadow color palette (#DAF1ED, #98BBDD, #B38796, #837446, #38352F)
• Tempered Terrace color palette (#D8ECDE, #52B7C0, #7D80AE, #745A28, #3D2802)
• Cocoa Grove color palette (#DFE7C3, #94D6DD, #97A4CD, #9A836C, #653B00)
• Ancient Chapel color palette (#DCF6F2, #84ACBF, #627E9A, #634B6B, #57271C)
• Tempered Mulberry Boulevard color palette (#E3F9DC, #AAD1B5, #6288AD, #883850, #4C2317)
• Tempered Cerulean Hollow color palette (#E6E6D4, #84CBB0, #2EA2AB, #667E4E, #212E10)
• Antique Fern color palette (#EAFBE8, #E8D4EA, #DDBCC4, #9D9B84, #5A5300)

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