Patina Pier color palette — #EFF7F5 · #DED4D2 · #AAA394 · #628C80 · #4D5552

A conversation between Storm Blue and Taupe, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#DED4D2): bright and airy, almost weightless.
• Taupe (#AAA394): A luminous, dusty gold — the color of old brass.
• Storm Blue (#628C80): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#4D5552): quiet, heavy and certain.

Feels like: 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

• Muted Atelier color palette (#FAF3F6, #E4D8D5, #ACAFA2, #9C7587, #585053)
• Ancient Lagoon color palette (#EDF2F9, #D6D5DF, #B7ABB6, #6A85A5, #31373E)
• Weathered Olive color palette (#E3FCF2, #E3C3D5, #AC8083, #707128, #455045)
• Patina Cocoa Pier color palette (#FBF4EB, #CCC0A1, #758960, #775C6F, #604A00)
• Softworn Navy Market color palette (#F3EAF3, #A4959D, #87666F, #00275F, #100411)
• Washed Pewter color palette (#F8F6E8, #7BAED3, #7E6BA7, #565F32, #50434F)
• Weathered Rust color palette (#EBF9F4, #5D9FCE, #A1575F, #395F2F, #42433C)
• Weathered Aubergine color palette (#E8DDE1, #C7B3B5, #A7847F, #522E7D, #2C1821)

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