Shadow Bronze color palette — #F1E2D3 · #8E6C2A · #573200 · #230A00 · #020100

Walnut and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F1E2D3): A whisper-light, dusty gold — the color of old brass.
• Walnut (#8E6C2A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#230A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Shadow 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

• Cocoa Pier color palette (#F8E8D9, #A27F4B, #723F00, #3C1200, #020100)
• Patina Bronze Boulevard color palette (#FFF4E0, #BCB576, #927106, #633D00, #111500)
• Hazy Garnet color palette (#F8E0D2, #C68A61, #964325, #630011, #080300)
• Softworn Courtyard color palette (#E8E7D7, #6B8624, #004643, #243100, #000201)
• Nightshade Harbor color palette (#E9E4C9, #4A5300, #2319A3, #2D002F, #010100)
• Patina Veranda color palette (#F0DBEF, #009593, #7F7400, #0A0E07, #010100)
• Hushed Chestnut Orchard color palette (#FFF4DC, #D1C89F, #968B4C, #71520D, #252300)
• Muted Chestnut color palette (#FFF3E9, #F5D7B8, #C49174, #95584A, #35312B)

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