Hushed Bronze color palette — #F8F0EC · #DCD7CC · #ABAFA5 · #B1714E · #3B3532

A conversation between Mocha and Bone, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Bone (#DCD7CC): a clean, paper-quiet neutral.
• Ash (#ABAFA5): a calm mid-gray that lets other colors speak.
• Mocha (#B1714E): A luminous, balanced orange — the color of toasted spice.
• Charcoal (#3B3532): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed Bronze 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

• Pewter Drift color palette (#F5F2EA, #D5D9CF, #B7C0B0, #7E7645, #302C22)
• Hushed Sand Study color palette (#FFEEE2, #EBD3BD, #FFB98A, #B99564, #332D28)
• Wandering Basalt Parlor color palette (#E9E2D6, #BDB299, #958E73, #544100, #0F0A02)
• Tempered Apricot color palette (#FEEFDC, #DB9B75, #96703D, #52534B, #38291B)
• Hushed Fern Basin color palette (#FFEFDF, #DDCCB4, #9E9377, #546E2F, #394635)
• Driftwood Grove color palette (#FAF3F8, #E1D7D7, #B0ACA1, #94778E, #575055)
• Hushed Harbor color palette (#FAEBE1, #998A7E, #8E6026, #481900, #030100)
• Fern Veranda color palette (#F5F3E1, #D6D6B7, #AAAF91, #516400, #1D1A09)

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