Hushed Cocoa color palette — #E5F7EA · #93B4A4 · #877339 · #694300 · #0C2821

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

The five colors

• Cream (#E5F7EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#93B4A4): A luminous, dusty teal — the color of glacier melt.
• Walnut (#877339): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#694300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#0C2821): 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

• Muted Bronze color palette (#D9F1D9, #B59E5A, #8F6000, #673500, #1F1D00)
• Tempered Cocoa color palette (#FDECF4, #C89EAC, #98684A, #74392A, #102916)
• Softworn Amber color palette (#FCF4E6, #C3C190, #A78C3B, #836235, #463E00)
• Hushed Chestnut color palette (#DCEADF, #8E885A, #6B5100, #472900, #00130C)
• Ancient Fern color palette (#ECF2FF, #7D7FBF, #926E32, #415D00, #13192B)
• Quiet Terracotta color palette (#FFE2F3, #BC7D4B, #983800, #6B000C, #1C0F00)
• Chestnut Studio color palette (#F7D4E0, #6C4B00, #3F2200, #1D0700, #020100)
• Garnet Pier color palette (#EFE6FF, #C09BC7, #A05A87, #800E43, #44000E)

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