Patina Pier color palette — #EFF6FF · #96B8F4 · #C89E44 · #4B7CDB · #563E00

Azure takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#96B8F4): A luminous, balanced violet — the color of wild irises.
• Mustard (#C89E44): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#4B7CDB): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#563E00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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 Meadow color palette (#ECF7FF, #84C1DF, #DB9062, #008CB9, #643412)
• Pale Lagoon color palette (#F2F5FF, #BAAEE4, #9EAF57, #8964DF, #3F471C)
• Cobalt Field color palette (#FFF0FD, #BDD5FF, #E1B26D, #6389CF, #4A330E)
• Faded Ridge color palette (#EEF6FF, #64A4E6, #A2870D, #2268A9, #264C36)
• Feathered Grape Garden color palette (#E1E2FF, #A6A3FF, #9E8C00, #5902E9, #352E00)
• Emerald Villa color palette (#F0F5FF, #8BA2E3, #D57C6F, #2F9E4F, #273855)
• Wandering Azure Corridor color palette (#F0F6FF, #DCD8E2, #E9B7CA, #629ACF, #3E4763)
• Pewter Atelier color palette (#F3F4FF, #D8C294, #7D649D, #4B3763, #20202C)

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