Hushed Cocoa color palette — #F3DCCD · #AD7B51 · #853F19 · #5B221D · #322004

Bronze and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F3DCCD): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#AD7B51): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#853F19): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#5B221D): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#322004): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Chestnut Corridor color palette (#F4E2C7, #958844, #6E5000, #502E00, #242700)
• Garnet Pier color palette (#FBE5D7, #9E805C, #833F1F, #5C0C24, #120E00)
• Aged Harbor color palette (#FFEBD7, #BF954E, #975800, #793000, #38352F)
• Wandering Thicket color palette (#EED7E4, #BB976A, #A55B39, #86213C, #2A2400)
• Ancient Amber Harbor color palette (#E9DCC7, #B0850F, #433400, #1D1500, #050600)
• Muted Harbor color palette (#FFF2EB, #CEB29A, #AD7048, #894A30, #643E00)
• Dusty Amber color palette (#F9DEED, #E3A168, #D76C33, #9A544C, #0F2B12)
• Worn Canyon color palette (#ECE4D5, #706A11, #463600, #2A1800, #090D00)

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