Patina Pier color palette — #FAF3F7 · #C8CDFB · #D2883F · #8086C3 · #322D28

Mustard takes the lead with Slate Blue close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Lilac Frost (#C8CDFB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mustard (#D2883F): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate Blue (#8086C3): A luminous, balanced violet — the color of a velvet chair.
• Espresso (#322D28): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Lilac Canyon color palette (#F3F5FC, #E2D8E1, #DD9D7D, #A28BD1, #281921)
• Timeworn Blush color palette (#F0F7F4, #A7D9F8, #D67A9A, #5394BB, #392A28)
• Hushed Moss Lantern color palette (#FBF3F4, #F2BDEB, #88A85E, #AF75A9, #2F2E27)
• Weathered Mallow color palette (#F4F4FE, #D4AFEE, #A66C5D, #7E5D93, #342A31)
• Ancient Bronze Pier color palette (#FCF2F5, #BC96CF, #AB7426, #157282, #433237)
• Dusty Terrace color palette (#F5F7E7, #C4B4E6, #C47A7F, #3C7A7F, #564144)
• Chalky Byzantium Courtyard color palette (#FFF1F5, #D5A0FF, #B87500, #9D43D6, #2A1903)
• Timeworn Ash color palette (#FBF3F4, #E1D9D3, #B5B7A6, #B08EB3, #595051)

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