Patina Pier color palette — #FEF2F0 · #B7CCB6 · #2884A0 · #00651E · #1D3C5D

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Pistachio (#B7CCB6): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#2884A0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00651E): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#1D3C5D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Ridge color palette (#FDF3EC, #AFCDC0, #5B78AD, #006059, #3B3459)
• Softworn Cerulean Summit color palette (#EBF5ED, #9BD2DF, #008C99, #005E44, #00252F)
• Tempered Turquoise color palette (#F9F4ED, #C1DEBE, #00A9B8, #157E5E, #1E4331)
• Muted Basin color palette (#F6DAF5, #4A79C2, #896700, #525B0E, #3A213A)
• Tempered Abyss Study color palette (#EDE0DC, #4A8D8F, #004358, #00240C, #00091C)
• Worn Blush Parlor color palette (#DAFFF4, #EECBDC, #DC8CAA, #008184, #52394D)
• Sapphire Terrace color palette (#FFF3E9, #7BC1EC, #2F5FE4, #005652, #381E6C)
• Tempered Onyx color palette (#EEE2DE, #6DABB0, #005F81, #004121, #001C4B)

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