Patina Pier color palette — #FBF2F5 · #BCD8F2 · #7B8FE5 · #007B7D · #353757

A conversation between Lavender Blue and Teal, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Powder Blue (#BCD8F2): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#7B8FE5): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007B7D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#353757): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. 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

• Hushed Alley color palette (#FEF1F8, #81D7FF, #3489FE, #007467, #30295F)
• Aged Parlor color palette (#F9F3F8, #A1E2E7, #32A1D1, #267E4F, #293B55)
• Worn Cobalt Station color palette (#F9F4ED, #A1CAEE, #5578B2, #045C71, #4B3044)
• Powder Chapel color palette (#FAF3F5, #DADEED, #9AB0E4, #52938F, #4C516A)
• Ancient Lilac color palette (#D9F6EF, #99CB67, #AE76E0, #467100, #402954)
• Linen Petrol Parlor color palette (#EEE1E9, #64AEC2, #006BAA, #004C39, #0A0C38)
• Hushed Delta color palette (#F2EAF2, #49A39E, #006377, #073F05, #000A17)
• Tempered Amber color palette (#DBFFF1, #ACE9E6, #7DD5FF, #AB8339, #254846)

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