Patina Pier color palette — #FFDBD3 · #CB8900 · #148D47 · #71007F · #2E2A00

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

The five colors

• Shell Pink (#FFDBD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#CB8900): A luminous, balanced gold — the color of old brass.
• Fern (#148D47): A full-bodied, balanced teal — the color of shallow lagoons.
• Plum (#71007F): A deep, shadowed, vivid pink — the color of a candy shop window.
• Espresso (#2E2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Hazy Basin color palette (#FBD7F8, #B19700, #008269, #850072, #212E00)
• Ancient Aubergine color palette (#FFF2EC, #D2A300, #00875F, #601A8C, #171B00)
• Aubergine Alley color palette (#FFD8E9, #EC6D45, #6F7600, #6000B7, #3D2100)
• Ember Corridor color palette (#FBDEF1, #EF4B00, #007A70, #820054, #440F00)
• Mulberry Bloom color palette (#FFE1D3, #D3AC78, #659156, #913B69, #6A2D08)
• Muted Corridor color palette (#FAE2B0, #868100, #006420, #2A1993, #232E00)
• Powdered Moss color palette (#F5D9FE, #73AC00, #007E88, #900043, #00321C)
• Emerald Harbor color palette (#FBE2AC, #BDB600, #00AB3D, #585FBF, #232E00)

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