Patina Pier color palette — #F9F3F7 · #D2D6EA · #ABC3E8 · #72B38B · #3F5667

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D2D6EA): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#ABC3E8): A luminous, dusty blue — the color of deep harbor water.
• Jade (#72B38B): A luminous, balanced teal — the color of sea glass.
• Peacock (#3F5667): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Hushed Glacier color palette (#EFF7F5, #D3E1EE, #7DDEE4, #669F92, #34525E)
• Tempered Powder color palette (#F4F4FF, #E6D7DF, #ABB1E9, #B5B4A9, #574F65)
• Stone Basin color palette (#EAF9F1, #C1E2D7, #BDB88B, #7C9C7D, #304E4B)
• Hushed Chapel color palette (#F7F3FF, #E7B4DC, #BBC57D, #64C595, #463D55)
• Wisteria Courtyard color palette (#F4F4FF, #E1CAF4, #A0D7A6, #C090E6, #295652)
• Faded Sky Balcony color palette (#FFF0FB, #B1F0FF, #51C3FF, #00A890, #1C3F70)
• Dusty Chapel color palette (#E8DCE5, #87B8CD, #008FBE, #006F59, #00142C)
• Olive Bloom color palette (#F8F0EB, #C3ECDF, #64A8B7, #63732F, #253C33)

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