Patina Bronze color palette — #FBF3EF · #DDD9D1 · #A4B0A8 · #B0704D · #5A504B

Mocha takes the lead with Ash close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DDD9D1): a clean, paper-quiet neutral.
• Ash (#A4B0A8): a calm mid-gray that lets other colors speak.
• Mocha (#B0704D): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#5A504B): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Driftwood Grove color palette (#F7F0ED, #D8D7D0, #A9B1A8, #AE7067, #3F332E)
• Timeworn Atelier color palette (#EEE8DE, #BFB8A9, #948E76, #554200, #271E0B)
• Amber Thicket color palette (#FEF3EA, #EAD7C5, #F7B790, #BC8F50, #504A45)
• Olive Hollow color palette (#FFF3E6, #D7C6AD, #9B9380, #5E7737, #3C534A)
• Fern Drift color palette (#FFF3E3, #C99D81, #917140, #566017, #683C00)
• Aged Taupe Bloom color palette (#FFF2EA, #C48868, #797142, #634671, #5B3831)
• Weathered Bronze Orchard color palette (#F2E8E1, #A79689, #95652C, #4A1A00, #140500)
• Wandering Fern color palette (#F7F6EC, #D4D5BC, #A5AB83, #4D6400, #34332C)

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