Patina Pier color palette — #DDE6EE · #97A0B3 · #7B7894 · #003A59 · #00050C

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDE6EE): bright and airy, almost weightless.
• Blue Fog (#97A0B3): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#7B7894): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#003A59): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Navy color palette (#E2E7F0, #8B8AA5, #736381, #182061, #000105)
• Softworn Aubergine color palette (#E4E3F0, #BBADC3, #9B8695, #5E296C, #0B0817)
• Hushed Loft color palette (#E1F1EC, #C0AEBB, #AB8B97, #00578B, #001913)
• Dusty Denim color palette (#DFF3EE, #E2C6DC, #BB9BAC, #0E5085, #000302)
• Timeworn Pewter color palette (#F1F1F9, #DFD2DA, #C0B2BE, #715888, #1F1F29)
• Muted Alley color palette (#EDF2F9, #DBD5DE, #B8ABAD, #72849E, #32363D)
• Misty Cabin color palette (#D8F2FF, #6163BD, #65214C, #142701, #030900)
• Lapis Alley color palette (#EBEFFF, #0095A4, #564CFF, #89005F, #020008)

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