Patina Courtyard color palette — #FAF4EE · #DBDAD2 · #A6B0AC · #AA7541 · #59514A

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#DBDAD2): bright and airy, almost weightless.
• Ash (#A6B0AC): soft and architectural.
• Mocha (#AA7541): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#59514A): quiet, heavy and certain.

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

Use it as a design system

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

• Bronze Studio color palette (#F6F1EC, #D7D7D1, #A7B3AB, #AC7450, #3C342E)
• Patina Fern Quarry color palette (#EAE8DE, #BBBAA6, #8F9076, #434900, #241F09)
• Dusty Driftwood color palette (#F8F5E9, #C5C2A6, #87853D, #875C1D, #574E00)
• Wandering Cocoa color palette (#FEF4E2, #C2A272, #827843, #326554, #5F4100)
• Tempered Lantern color palette (#FFF4DE, #CBC4AC, #999880, #626F62, #34524E)
• Wandering Bronze Orchard color palette (#EAE5DF, #A1988D, #8B6B25, #3E2400, #110700)
• Tempered Forest Market color palette (#F4F7E8, #CED7BF, #9DAD8D, #006E28, #32342D)
• Bronze Field color palette (#FBF3EF, #DCD9D2, #A4B0A8, #AE7149, #5A504B)

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