Patina Pier color palette — #EDF2F7 · #D7D6DC · #B8ABB2 · #5B87AE · #30373E

Storm Blue and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF2F7): a clean, paper-quiet neutral.
• Silver (#D7D6DC): a clean, paper-quiet neutral.
• Ash (#B8ABB2): soft and architectural.
• Storm Blue (#5B87AE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#30373E): 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

• Weathered Pewter color palette (#F1F1F7, #DBD4D9, #C7B7BD, #89639F, #2B2B35)
• Wandering Cypress color palette (#E2F5FF, #C1CDE3, #9490AB, #477164, #2E464A)
• Weathered Dune color palette (#E0F8F3, #7BB4D0, #76729E, #505807, #1D2D3F)
• Washed Lagoon Veranda color palette (#F9EFF2, #AECBBA, #608E81, #52617F, #20372A)
• Patina Dune color palette (#DEE4ED, #898D99, #6A6881, #00275B, #000105)
• Antique Cocoa color palette (#EEF2FA, #9197D0, #96644A, #763915, #002F25)
• Timeworn Powder color palette (#F8F3F8, #DFD7D9, #CAC2B9, #89B2E1, #524B52)
• Wisteria Terrace color palette (#EBF2FF, #CBD3F8, #C4B3EE, #C086C9, #22293E)

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