Patina Bronze color palette — #FBF3EE · #DEDCCF · #A6B2AE · #AD7246 · #58514C

Mocha and Bone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DEDCCF): bright and airy, almost weightless.
• Ash (#A6B2AE): soft and architectural.
• Mocha (#AD7246): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#58514C): a grounded near-black with real depth.

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

• Pewter Orchard color palette (#F7F5ED, #D6DDD4, #B4C5B8, #73794A, #4A483E)
• Weathered Ridge color palette (#E7E4DC, #BDBAA0, #8D9270, #4D4600, #231F14)
• Timeworn Lagoon color palette (#FFF3E7, #CEBD9D, #9E9B80, #5D746D, #554850)
• Tempered Chestnut Lagoon color palette (#F8F5EC, #BBC79A, #6D8B64, #925334, #584D00)
• Apricot Courtyard color palette (#FFF4E2, #DE945F, #847743, #2B6175, #653E00)
• Hushed Bronze color palette (#E9E0D7, #A59785, #886D25, #432100, #120600)
• Worn Fern color palette (#F6F7E6, #CDD8B6, #7DB4A5, #316A00, #33332C)
• Hushed Bronze Corridor color palette (#FAF4EE, #DBDCD0, #A5B2B0, #A7763F, #57514C)

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