Patina Pier color palette — #F8FE97 · #FFE5F8 · #00FCF7 · #264047 · #161E20

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

The five colors

• Butter (#F8FE97): A whisper-light, balanced green — the color of a quiet forest floor.
• Blush (#FFE5F8): A whisper-light, dusty pink — the color of neon signs at night.
• Lagoon (#00FCF7): A whisper-light, balanced teal — the color of shallow lagoons.
• Deep Teal (#264047): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#161E20): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant, 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

• Celadon Balcony color palette (#F8FE97, #FFE7E9, #BAE3FF, #2B3C4A, #11171B)
• Dusty Seafoam color palette (#EFEBFF, #5EFEBA, #D5D0C6, #1E3737, #141E1E)
• Aqua Corridor color palette (#FFE6BA, #FFBF9B, #4BDBFC, #425D6A, #1F272B)
• Patina Frost Grove color palette (#A5FFE1, #FFCDA9, #B9C3FF, #20283C, #070C18)
• Misty Mallow Balcony color palette (#F3DFC9, #FF9EE5, #10C4F1, #16403F, #1C2922)
• Tempered Teal color palette (#F3E9DB, #FF9E83, #00C4C2, #002F2E, #0E160E)
• Worn Petrol color palette (#EDF7FF, #FFDCD6, #417DA5, #1F3B52, #06111A)
• Weathered Sky color palette (#EBF7FF, #2AC2FB, #C39455, #8D6B3E, #162732)

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