Patina Pier color palette — #F9EEF2 · #BFE1FC · #698FC7 · #2A696C · #222B44

A conversation between Slate Blue and Teal, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9EEF2): bright and airy, almost weightless.
• Powder Blue (#BFE1FC): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#698FC7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#2A696C): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#222B44): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Grove color palette (#FCF3EC, #C8E4D9, #7489BB, #00716D, #5C3D4C)
• Weathered Cerulean color palette (#FAEEF6, #9ED1DF, #008AA4, #005F3B, #00233A)
• Hushed Turquoise Study color palette (#F0E1EC, #4DACB7, #00617F, #003B2C, #000B1B)
• Ancient Cerulean color palette (#F4F7EC, #BFE0F3, #95C0E7, #468CA6, #4C374D)
• Ancient Navy color palette (#F0DCE8, #37839B, #003F65, #00201C, #00000D)
• Peony Grove color palette (#FBECFF, #D16582, #009480, #007A7E, #27172B)
• Navy Garden color palette (#DDEDDC, #508FC9, #2C3E98, #002B32, #060017)
• Antique Petrol Garden color palette (#F6E3EA, #87B9E2, #4A68AE, #004A52, #150C37)

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