Patina Pier color palette — #EEF7FB · #D6DAE3 · #B2ADB7 · #7EA1B5 · #4E5357

Built around Blue Fog, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D6DAE3): bright and airy, almost weightless.
• Ash (#B2ADB7): a calm mid-gray that lets other colors speak.
• Blue Fog (#7EA1B5): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4E5357): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. 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

• Hushed Corridor color palette (#EBF9F6, #A5DEDB, #74A6A8, #688388, #3B5251)
• Wandering Abyss Workshop color palette (#DBE4EB, #95A7B8, #78889A, #004C68, #020A11)
• Tempered Courtyard color palette (#EDF7FF, #D1DEEB, #C8B8E0, #96B3EA, #3A4D60)
• Worn Cerulean color palette (#EDF6FF, #D7D8EA, #C0BCDD, #548CB8, #35414C)
• Muted Aubergine Chapel color palette (#E8EAF7, #B2B2C6, #9591AD, #5C3F8E, #101223)
• Powder Basin color palette (#E1FBFB, #85C7F0, #7693C1, #856181, #3C4956)
• Violet Thicket color palette (#F4F4FF, #DED9FA, #C2B7DD, #915BB8, #313142)
• Washed Azure color palette (#E8F3FF, #46A2EC, #4B596C, #303942, #1C2327)

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