Hushed Cocoa color palette — #E9F6ED · #8FB6A1 · #827448 · #614708 · #032A1D

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Sage (#8FB6A1): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#827448): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#614708): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#032A1D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Dusty Cocoa color palette (#FFECF3, #C59FAB, #986942, #723B17, #162817)
• Washed Pier color palette (#D2E6DA, #79A390, #736503, #4E3B00, #001E15)
• Muted Chestnut color palette (#FFF4E0, #B1A780, #867030, #744503, #414000)
• Softworn Bronze color palette (#EAFAEF, #BCE9D6, #AF9D66, #915E25, #193833)
• Fern Market color palette (#E5F5FC, #2A95AA, #847524, #365F11, #041D27)
• Chestnut Harbor color palette (#D9EDDE, #958645, #6A5100, #422C00, #100F00)
• Worn Terracotta color palette (#F7E9F0, #BA7D57, #963B00, #651400, #1F0D00)
• Cocoa Pier color palette (#F3E6EE, #9A6243, #742703, #480300, #0C0300)

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