Patina Courtyard color palette — #FDF1FB · #E8D5D7 · #C7AACA · #B1B3A7 · #574852

A conversation between Mauve and Charcoal Brown, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Silver (#E8D5D7): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#C7AACA): A luminous, dusty pink — the color of neon signs at night.
• Ash (#B1B3A7): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#574852): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Wandering Stone Alley color palette (#EDF9ED, #B7E1EB, #E4B5B1, #AEAEBB, #3F5242)
• Stone Pier color palette (#EEF9EF, #C2E3CB, #9EC0A3, #7F9B7C, #3A4D42)
• Antique Workshop color palette (#FFEEE7, #DED6C6, #B6C5D2, #AD877C, #5E2700)
• Dusty Meadow color palette (#FFF1F6, #CAE7CA, #BB90A3, #7E656F, #32282C)
• Aged Apricot Boulevard color palette (#FFF0F8, #E6DFC9, #FDD389, #F59177, #5F3A4C)
• Tempered Grove color palette (#FDF1FB, #F0AEA9, #90A9DE, #967BAE, #362B3D)
• Aged Taupe color palette (#FFF1F5, #D0F3D6, #E3DAA2, #D49770, #304930)
• Aged Amber color palette (#F6DDED, #D89F82, #C48841, #9B4948, #1F0600)

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