Hushed Cocoa color palette — #FDEFE6 · #C0B47C · #833F21 · #401B0B · #150904

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

The five colors

• Cream (#FDEFE6): a clean, paper-quiet neutral.
• Sage (#C0B47C): A luminous, dusty green — the color of fresh herbs.
• Bronze (#833F21): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#401B0B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#150904): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Mulberry Market color palette (#FAEFEE, #B1B982, #82355D, #3F172B, #160808)
• Chestnut Summit color palette (#F6F1EA, #D5C194, #7D5A18, #35302A, #19130B)
• Muted Marigold Loft color palette (#FAF1DA, #D99B00, #544E00, #252100, #0B0700)
• Pine Studio color palette (#F9F0EA, #DFA389, #008B5A, #9D481C, #0C1004)
• Weathered Mustard color palette (#FEF1F9, #D9C471, #976350, #52394A, #291E25)
• Olive Study color palette (#FDEFE2, #C3924B, #4C7A1D, #4F3970, #2B210A)
• Feathered Fern color palette (#FFE3D2, #CBAF6F, #7E7A00, #1C5B06, #002E22)
• Muted Bronze color palette (#EDF0D5, #A76800, #073402, #172223, #010B00)

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