Patina Pier color palette — #D1E7FF · #9CEFA8 · #FFB1C3 · #5A4C5E · #312C32

Built around Mint, softened by Ballet Pink — the whole palette hums with nature and growth.

The five colors

• Frost (#D1E7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Mint (#9CEFA8): A whisper-light, balanced green — the color of a quiet forest floor.
• Ballet Pink (#FFB1C3): A whisper-light, balanced red — the color of late-summer berries.
• Charcoal Brown (#5A4C5E): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#312C32): a grounded near-black with real depth.

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

• Patina Coast color palette (#81FDF4, #91F1A8, #FFADDA, #4F4559, #322F35)
• Aged Straw color palette (#B5F0FF, #EDD96D, #E1B7FF, #4A495E, #33333C)
• Apricot Orchard color palette (#F8D8FF, #F4CA7A, #FFA194, #4C4741, #3A332F)
• Tempered Straw color palette (#A9FACD, #F4DD69, #FFC5AF, #7B6874, #373135)
• Hushed Driftwood Boulevard color palette (#FBF2FA, #B0DDC5, #A06E6A, #594656, #312830)
• Muted Study color palette (#C8F6F4, #DFBDFF, #E8788B, #582C33, #241B26)
• Driftwood Hollow color palette (#FBF2F5, #CFD9DB, #A6A3AF, #AD8783, #595053)
• Pale Mustard color palette (#F3ECFF, #3BE1FC, #F9AD00, #334534, #222823)

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