Hushed Cocoa color palette — #F1D9E3 · #966C37 · #6B3500 · #4A1100 · #001C09

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F1D9E3): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#966C37): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#6B3500): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#4A1100): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#001C09): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Timeworn Bronze color palette (#FFE5F2, #946900, #6B3100, #430913, #060600)
• Worn Bronze color palette (#D6EDDB, #817825, #574200, #3A2200, #141900)
• Softworn Chestnut Field color palette (#F7E3EA, #A58145, #7D4600, #5D2200, #082C19)
• Quiet Chestnut color palette (#FFEAD8, #CE904E, #AD6A33, #8E4110, #211300)
• Pale Bronze Station color palette (#FFE7F2, #C3925D, #A34E00, #753223, #463104)
• Bronze Veranda color palette (#FFF1F5, #8FB194, #946838, #71452D, #2D4336)
• Dusty Bronze Terrace color palette (#D5E1EB, #9A7300, #002A42, #1E1823, #000A15)
• Chalky Archive color palette (#D0E5FB, #00558D, #7D1500, #2E2900, #000E1F)

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