Patina Pier color palette — #F5EBF1 · #90D0E4 · #168ED1 · #006D62 · #182C55

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Blush (#F5EBF1): bright and airy, almost weightless.
• Sky (#90D0E4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#168ED1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D62): A full-bodied, balanced teal — the color of sea glass.
• Navy (#182C55): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Aged Azure Study color palette (#FBF2F6, #B1DBF7, #6699D1, #007C7B, #2F375F)
• Feathered Azure color palette (#FEF3EC, #BDEFFF, #009AE7, #006B61, #0B1C41)
• Timeworn Cobalt color palette (#EBDDE2, #8BB7D8, #4170CD, #00585F, #1D124B)
• Aged Petrol Canyon color palette (#EEF0E4, #97BBA7, #007296, #004E56, #00324A)
• Petrol Veranda color palette (#EEE1EB, #5BB1B9, #007190, #004C37, #001529)
• Washed Loft color palette (#FAF3F7, #D9D5E5, #91B5D8, #51948F, #45536C)
• Faded Lantern color palette (#F2D4E4, #DF7842, #0096B3, #A04300, #002F39)
• Worn Denim color palette (#ECE0E4, #6A99B6, #1955A7, #003B3E, #07002A)

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