Patina Bronze color palette — #FEF2EE · #DDD0AC · #AD694F · #773920 · #342824

A conversation between Mocha and Rust, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Wheat (#DDD0AC): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#AD694F): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#773920): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#342824): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Basalt Lantern color palette (#FDF2F3, #D6D3B1, #956F8D, #633F5C, #372628)
• Dusty Veranda color palette (#FFF2EC, #FFD6A9, #C29182, #985B37, #342922)
• Muted Basalt Loft color palette (#FAF5E9, #DBC092, #7F713A, #4F4200, #282110)
• Feathered Rust color palette (#FFF2EA, #D2BA52, #A84800, #612600, #2A1404)
• Hushed Ember Canyon color palette (#FBF3F0, #F8C2BA, #6EAD77, #CA6E61, #2D2F28)
• Muted Chestnut color palette (#ECDBCB, #BAA357, #7F4400, #401F00, #150800)
• Tempered Coast color palette (#F5ECDE, #B68B19, #594000, #241800, #040200)
• Taupe Garden color palette (#FFF3E5, #E2B293, #93985A, #6C679C, #4C4741)

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