Patina Pier color palette — #E9F8FE · #C2E0AC · #3FA6AE · #396B7B · #182428

A conversation between Turquoise and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E9F8FE): bright and airy, almost weightless.
• Celadon Mist (#C2E0AC): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#3FA6AE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#396B7B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#182428): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Periwinkle Villa color palette (#F0F6FE, #A0E7C5, #7096D2, #4B648C, #1B222B)
• Antique Petrol color palette (#EBF7FF, #EFB4A3, #1D7D99, #1D475D, #18232A)
• Softworn Mint Terrace color palette (#CBEAFD, #6DDB78, #008BB5, #005671, #00111D)
• Wandering Moss Workshop color palette (#D1E7F2, #61AC42, #006374, #002E37, #000204)
• Emerald Canyon color palette (#E1EDFB, #00A068, #00478D, #001531, #000206)
• Softworn Iris color palette (#EBEEFC, #FDB1AF, #8E77C7, #5A4D7B, #131524)
• Antique Periwinkle color palette (#F1F6FB, #DAD9E3, #C1ABA8, #84AFE1, #43484E)
• Frosted Corridor color palette (#E5FAFC, #59CEAB, #DB874F, #987D12, #13322F)

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