Washed Bronze color palette — #F7F0EB · #D9D7CD · #A8B0A5 · #AB7543 · #3B3530

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

The five colors

• Cream (#F7F0EB): a clean, paper-quiet neutral.
• Silver (#D9D7CD): bright and airy, almost weightless.
• Ash (#A8B0A5): soft and architectural.
• Mocha (#AB7543): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#3B3530): a grounded near-black with real depth.

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

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

• Pewter Loft color palette (#F3F2EA, #D2DCD0, #B5C1B5, #6E7C4D, #2D2C26)
• Timeworn Courtyard color palette (#E4E1D5, #B6B4A2, #8F8F75, #464700, #0F0A00)
• Muted Apricot color palette (#FAF0E2, #D5A05D, #867749, #2F5D49, #352A1B)
• Worn Canyon color palette (#FFF0D7, #DFCEA5, #959072, #606C5D, #39493B)
• Patina Driftwood color palette (#FBF2F6, #CFD9DA, #9AA2AA, #9A7588, #585054)
• Weathered Bronze Study color palette (#EBE2D8, #988B7A, #86651F, #3E2200, #030100)
• Tempered Amber Harbor color palette (#FBF0E3, #CA8E48, #6A7846, #633D59, #3C1E0F)
• Bronze Archive color palette (#F5ECE0, #A97900, #3E3B34, #241D13, #100C07)

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