Hushed Cocoa color palette — #E7F0E5 · #97AB99 · #6E9079 · #613C00 · #040C03

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

The five colors

• Cream (#E7F0E5): a clean, paper-quiet neutral.
• Sage (#97AB99): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#6E9079): A luminous, dusty teal — the color of glacier melt.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#040C03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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

• Ancient Boulevard color palette (#E7DEE1, #AEC0B5, #789A93, #5A2F00, #040001)
• Worn Courtyard color palette (#E6DDD4, #A1A291, #84906D, #8D5400, #110700)
• Softworn Garnet color palette (#ECE0E7, #B69CA9, #987E88, #782506, #10050D)
• Worn Onyx color palette (#F8EAEE, #929D94, #5B786A, #402300, #13040A)
• Tempered Fern Archive color palette (#DCEFEB, #9BBCB8, #749F9E, #32601A, #041815)
• Weathered Amber Ridge color palette (#D6F0DD, #CD8400, #917200, #5D6200, #070500)
• Dusty Coast color palette (#E6F2EA, #C8DED2, #A2BFB3, #896F09, #223227)
• Timeworn Ridge color palette (#F2ECCD, #758000, #43602A, #00323E, #00161C)

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