Patina Pier color palette — #EEF6FF · #D9D8E3 · #BEA5AC · #4581C3 · #152638

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#D9D8E3): bright and airy, almost weightless.
• Rosewood Mist (#BEA5AC): A luminous, dusty rose — the color of a warm blush.
• Cerulean (#4581C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#152638): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Patina Violet color palette (#F3F4FF, #DED7E0, #D8AEA8, #8B6ABD, #222332)
• Muted Study color palette (#EFF6FD, #DAD7EF, #C7BAD9, #259DFA, #243445)
• Tempered Denim Summit color palette (#EDF6FE, #CDD2E0, #A5A1CA, #006090, #1F3547)
• Muted Navy Market color palette (#E7EDF7, #B3BAD0, #8B90AB, #2A317B, #000106)
• Muted Studio color palette (#F5F3FF, #E5D3E3, #C2B3D5, #774D82, #0D0A19)
• Lilac Bloom color palette (#F0F5FF, #D7D8F1, #B0C6FF, #A683FF, #14134C)
• Lilac Alley color palette (#F3F4FF, #D0BAFF, #B183C2, #914B4B, #4D2314)
• Patina Amethyst Summit color palette (#FFF1F2, #86A6FF, #7847EE, #7F1041, #11123A)

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