Patina Pier color palette — #EBF4F4 · #CFD7E0 · #A7BAC7 · #24745D · #172324

A conversation between Teal and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#CFD7E0): bright and airy, almost weightless.
• Ash (#A7BAC7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#24745D): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#172324): 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

• Softworn Atelier color palette (#EDF2F8, #DAD5EA, #BABCDB, #1F6FAD, #192633)
• Lagoon Hollow color palette (#F3F6F1, #D0E2DB, #A0BCC1, #3C9C8A, #2A3027)
• Nocturne Cypress color palette (#CFE4EB, #007378, #06283D, #000F15, #000303)
• Ancient Abyss color palette (#DFE9EB, #A4B7BF, #7391AA, #004F45, #010D10)
• Washed Pier color palette (#C5E7E6, #7CA5B2, #587597, #5F414D, #19311B)
• Worn Olive color palette (#E9F6E8, #ACA162, #53700C, #1A4F54, #072215)
• Softworn Grove color palette (#E5E9F0, #C7CBD8, #A29FC3, #1F539B, #0D1622)
• Frosted Lagoon color palette (#F7E2F2, #2CA07C, #006581, #641D14, #001C22)

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