Washed Bronze color palette — #FBEFE8 · #A86B53 · #573300 · #302620 · #19140E

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

The five colors

• Cream (#FBEFE8): a clean, paper-quiet neutral.
• Mocha (#A86B53): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#302620): quiet, heavy and certain.
• Ink (#19140E): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Inked Bronze color palette (#F9E4D0, #965700, #362900, #251402, #0B0600)
• Hushed Taupe Meadow color palette (#F9EEF5, #CB8872, #4B5D4F, #41333C, #242026)
• Timeworn Coast color palette (#FDEDF6, #F0A080, #90727C, #604F59, #242024)
• Washed Drift color palette (#F1ECCF, #535F62, #353E00, #1A2625, #000C01)
• Taupe Atelier color palette (#FFF3E2, #B4934E, #3D99A1, #8B688E, #46423B)
• Lowlit Fern color palette (#E9F3E0, #426700, #002612, #071000, #010200)
• Bronze Summit color palette (#FFECE1, #DEAF89, #A87840, #755B23, #4A4C45)
• Bronze Study color palette (#FFF3E4, #CBAA78, #759BCD, #906B2D, #5A455B)

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