Patina Pier color palette — #F1F6FB · #DADAE4 · #C1BDD0 · #57779C · #424850

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DADAE4): bright and airy, almost weightless.
• Stone (#C1BDD0): A luminous, dusty violet — the color of wild irises.
• Slate (#57779C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#424850): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Softworn Petrol Pier color palette (#ECF3F9, #D8D6E0, #C1B9C6, #5A7895, #272D32)
• Hushed Grape color palette (#F4F4FD, #E1D5E3, #BEB7D2, #7F53A3, #3E3E4F)
• Hushed Station color palette (#E7EBFF, #AEADD2, #997297, #775770, #624344)
• Patina Canyon color palette (#EEF8F4, #E2D3CF, #A9A191, #699B8D, #404A47)
• Indigo Delta color palette (#DEE5F4, #6266BB, #332C4F, #181E2F, #0D0C14)
• Muted Olive color palette (#EAFAF2, #AAB684, #617F39, #3B6168, #2C4940)
• Softworn Drift color palette (#E4EAF5, #A1A9BA, #747EA0, #0D2C83, #0D141F)
• Softworn Mulberry Harbor color palette (#EBE7F0, #BDB5C3, #9A85A1, #701E59, #221C29)

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