Patina Pier color palette — #F6F7E6 · #D1DEF7 · #00C4DA · #008980 · #003C49

A conversation between Cyan and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F6F7E6): A whisper-light, dusty green — the color of fresh herbs.
• Powder Blue (#D1DEF7): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#00C4DA): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008980): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Sky Courtyard color palette (#F4F7EB, #D8D6E2, #4EB8FF, #0084A0, #0D375C)
• Dusty Aqua Terrace color palette (#EFF0DB, #5FCACA, #00757D, #003F37, #000304)
• Softworn Turquoise color palette (#F5F7E4, #CEEBFF, #00ACC8, #007270, #002936)
• Teal Workshop color palette (#FBF4EA, #B1F2F5, #53C8E2, #00A88C, #00465F)
• Patina Cerulean color palette (#FFF2EE, #99DCE0, #008BB8, #006B39, #1F3F6F)
• Aged Villa color palette (#F5F6EE, #BDE0EC, #A7C2E7, #649DA2, #3A5449)
• Patina Balcony color palette (#E8EDD8, #54AED4, #005B83, #002A33, #000103)
• Hushed Cobalt Coast color palette (#F3F7EA, #8CD6FF, #0C81C1, #004F61, #000D1E)

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