Hushed Cocoa color palette — #E9F6E9 · #90B69C · #8F6E3B · #713D04 · #062A1C

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F6E9): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#90B69C): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8F6E3B): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#713D04): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#062A1C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cocoa Villa color palette (#FBEDF4, #C5A0AB, #966A4C, #773623, #0E2916)
• Chestnut Cabin color palette (#D7E5D9, #A2996B, #7B6023, #5A3400, #001E14)
• Hushed Orchard color palette (#EEF9EE, #C5E6D5, #B7986C, #97583F, #153932)
• Ancient Cocoa Atelier color palette (#E0F6FE, #00999D, #995F83, #8A3200, #001E26)
• Olive Lantern color palette (#CDEAD7, #757637, #514200, #311F00, #040600)
• Cypress Pier color palette (#E9F4F7, #C7B081, #00625F, #002E2D, #010F13)
• Chestnut Quarry color palette (#F5E5ED, #73460C, #451C00, #220200, #020100)
• Softworn Chapel color palette (#EAF4F7, #74C2CB, #6A6DAF, #00727C, #090D1C)

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