Patina Pier color palette — #F3D5EB · #5B72E4 · #007963 · #2203AF · #000201

Indigo takes the lead with Sapphire close behind in a set that reads as creativity and calm at first glance.

The five colors

• Thistle (#F3D5EB): A whisper-light, dusty pink — the color of a candy shop window.
• Sapphire (#5B72E4): A full-bodied, vivid violet — the color of wild irises.
• Teal (#007963): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#2203AF): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#000201): quiet, heavy and certain.

Feels like: Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

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

• Weathered Drift color palette (#D7E3F5, #357AE6, #007A52, #003683, #000201)
• Byzantium Thicket color palette (#FFDFE9, #8645BB, #00606D, #3F0062, #000102)
• Frosted Ultramarine Coast color palette (#F7DBF1, #7999FF, #748C02, #2604E7, #0D1200)
• Gentle Grape color palette (#D5E0FD, #542CDA, #5A4700, #270078, #040200)
• Olive Pier color palette (#DDF4FF, #008AB6, #477600, #004259, #010200)
• Soft Lapis color palette (#EDEDFF, #6248D5, #9E0065, #004B5C, #010009)
• Feathered Violet Thicket color palette (#F6D9E5, #9054ED, #B53100, #4C0090, #040000)
• Linen Nightshade Terrace color palette (#FFF0F7, #D6B6F8, #C786CC, #443FA2, #090019)

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