Hushed Cocoa color palette — #D0F2CD · #6AADA4 · #537D9C · #7E4025 · #553600

A conversation between Bronze and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D0F2CD): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#6AADA4): A luminous, dusty teal — the color of glacier melt.
• Slate (#537D9C): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#7E4025): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#553600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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 Coast color palette (#DBE5B5, #71AB98, #597C6F, #6A3D2E, #382215)
• Hazy Chestnut color palette (#ADF5F0, #79A8C0, #7873A1, #724C00, #434000)
• Muted Chestnut color palette (#EEF5D7, #9EB79D, #6C8E85, #885222, #524B00)
• Pewter Alley color palette (#E0E3CF, #87BDC3, #6D91AD, #885C4E, #55384C)
• Softworn Bloom color palette (#CEE9D3, #009AA0, #2F5C88, #582616, #302000)
• Hazy Alley color palette (#DDF6E3, #00A0B0, #B7593A, #00626D, #562515)
• Hazy Brick color palette (#CCEFD6, #00899A, #B9393A, #834A1E, #12331F)
• Jade Hollow color palette (#F9F6E3, #6EAC7B, #187261, #4C4B44, #35362F)

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