Patina Courtyard color palette — #FBF3EF · #DCD9D2 · #ADB2A8 · #BC907D · #59514C

Built around Taupe, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#DCD9D2): a clean, paper-quiet neutral.
• Ash (#ADB2A8): a calm mid-gray that lets other colors speak.
• Taupe (#BC907D): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#59514C): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Stone Courtyard color palette (#FAF3F7, #E2D7D7, #C8C4B8, #C9A0B8, #534B4F)
• Patina Cocoa color palette (#F7F5EE, #D7DDD3, #BAC5B6, #92945A, #564600)
• Cocoa Pier color palette (#F4EBE4, #B1A293, #928472, #6C3300, #130600)
• Fern Veranda color palette (#E7E5D8, #B6B6A2, #949976, #4A5B00, #171403)
• Weathered Cocoa Meadow color palette (#FEF4E5, #DFB48E, #A58F62, #4D7B5F, #643E00)
• Driftwood Coast color palette (#FEF3EA, #D5A683, #8D9253, #815980, #603433)
• Wandering Chestnut color palette (#FBF0E3, #C19159, #755002, #3C3731, #25211D)
• Aged Bronze color palette (#F3EDE6, #DFD6C9, #C1B69D, #916925, #372C1C)

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