Hushed Cocoa color palette — #E2F3D4 · #B7DDC6 · #9DB6E2 · #A3907C · #6F4300

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

The five colors

• Honeydew (#E2F3D4): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#B7DDC6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9DB6E2): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#A3907C): A luminous, dusty gold — the color of old brass.
• Bronze (#6F4300): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted, light.

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

• Wandering Chestnut Archive color palette (#EAFAED, #C4E8DC, #DAB2C2, #A79E88, #635100)
• Weathered Summit color palette (#D9EDEA, #80CAEC, #A095F0, #96802B, #423E0B)
• Hushed Veil color palette (#DDFFE9, #BFEAFF, #93C1B6, #90767D, #694B4E)
• Driftwood Boulevard color palette (#D4F4E8, #DBBACF, #C79AA0, #738B63, #37452F)
• Powder Studio color palette (#CFEBF4, #96B9CE, #7C8A9F, #6B566C, #46303C)
• Dusty Powder color palette (#F9F4EF, #BCEEF2, #98BEFF, #4DA8B0, #573F4E)
• Hushed Villa color palette (#FCF4E9, #DAD8A8, #92BA73, #839779, #514000)
• Gentle Apricot color palette (#DFFDF4, #80C5FF, #F09F5C, #C4A04F, #1F3F37)

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