Hushed Cocoa color palette — #D9F6DF · #799E74 · #1B6F79 · #67370A · #3C2D00

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

The five colors

• Honeydew (#D9F6DF): A whisper-light, dusty teal — the color of sea glass.
• Moss (#799E74): A luminous, dusty green — the color of new leaves after rain.
• Teal (#1B6F79): A full-bodied, dusty blue — the color of open sky before noon.
• Bronze (#67370A): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#3C2D00): A deep, shadowed, dusty gold — the color of old brass.

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

• Worn Petrol Station color palette (#E1EED5, #64A292, #376792, #653811, #4B2C3A)
• Worn Lagoon Canyon color palette (#D3EBDF, #659B69, #006357, #424000, #00302D)
• Tempered Denim Villa color palette (#E9F0D8, #4C9384, #005C97, #4C3100, #262400)
• Softworn Cypress color palette (#EED9E2, #909F71, #007C6E, #703632, #4D304A)
• Antique Petrol Summit color palette (#D7F1E0, #5CAABC, #6660A4, #543F0B, #1C3B25)
• Washed Teal color palette (#C7EBD9, #63BEB7, #548B9E, #645974, #5B2C32)
• Feathered Bronze color palette (#C6E5E9, #00937E, #9B5700, #005649, #3F2000)
• Hushed Terracotta color palette (#CFE6EE, #007A82, #964200, #5F4100, #002528)

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