Patina Pier color palette — #FFF0F7 · #A9FBCC · #796D9F · #4D2D3D · #170B11

Mint and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mint (#A9FBCC): A whisper-light, balanced teal — the color of sea glass.
• Slate (#796D9F): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#4D2D3D): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#170B11): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Tempered Lantern color palette (#FFF2F0, #D3F2B1, #A35D78, #512D2A, #170C0B)
• Gentle Chartreuse color palette (#FFF2F0, #CBE934, #A44669, #491D2D, #150201)
• Patina Ash color palette (#F7F3FF, #FFC7AE, #B881A5, #695C7B, #241F2C)
• Mulberry Harbor color palette (#FBEEEF, #DDA490, #734168, #3F1337, #190608)
• Antique Basalt color palette (#F5F4FE, #86BBAE, #65426E, #3C2243, #231925)
• Worn Wisteria Basin color palette (#FFF1F5, #CF96F9, #32B5A2, #398175, #341C25)
• Tempered Mallow Lantern color palette (#F9F6E0, #FFACE8, #C47F50, #286C83, #422B26)
• Patina Lilac color palette (#FCF2F4, #FBD8FF, #C09649, #AA71B3, #1A1002)

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