Patina Pier color palette — #FBF3EE · #D0E5FE · #91C2F8 · #61A896 · #573F4F

A conversation between Sky and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Frost (#D0E5FE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#91C2F8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#61A896): A luminous, dusty teal — the color of sea glass.
• Cocoa (#573F4F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Faded Jade color palette (#FFF2EB, #B8EFFF, #72BDFF, #00A985, #333A6C)
• Aged Powder color palette (#FDF3F0, #C5ECDF, #7DCAE2, #7CA57A, #245147)
• Muted Chapel color palette (#FFF0F7, #BEB1FF, #ADBE6D, #6BAB79, #482F3C)
• Antique Field color palette (#EFF8F1, #D0DFFE, #6CADD8, #30898D, #37495F)
• Weathered Powder color palette (#FFF0FA, #E7D8D4, #95CED2, #ADB59E, #5F454D)
• Worn Lilac color palette (#DAF0FF, #9EC9FF, #989AF0, #997AB6, #683F43)
• Cerulean Delta color palette (#F8EFF4, #C8E0EF, #5893C5, #006D67, #1B2C48)
• Weathered Cobalt color palette (#EDDBD3, #43B2C0, #007DB1, #00613D, #00022B)

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