Patina Pier color palette — #F0E7E2 · #87BCD2 · #326DAF · #004C40 · #120C3A

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#F0E7E2): bright and airy, almost weightless.
• Ash (#87BCD2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#326DAF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#120C3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Wandering Forest color palette (#F3E6E3, #85C0BE, #007793, #005012, #00162E)
• Petrol Bloom color palette (#F3EEE4, #83BBD0, #0070A2, #004F51, #0B2E54)
• Cobalt Grove color palette (#F7F0EB, #ADD1C2, #567ABF, #005C55, #211840)
• Ancient Ridge color palette (#E9DED4, #79A79A, #404EA4, #00393A, #110025)
• Weathered Forest color palette (#FCEEEB, #BDD8BB, #0091B2, #006819, #002647)
• Muted Petrol color palette (#FBDAEE, #DAB5DB, #D78D7A, #006A9E, #280E32)
• Timeworn Parlor color palette (#EEDBD4, #58959F, #004F73, #002D1B, #00001F)
• Linen Quarry color palette (#F4D7E1, #7F4CB7, #686000, #32511D, #120024)

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