Teal Pier color palette — #FAF4EF · #C3E1F1 · #B2C6F4 · #65B1AC · #644956

Turquoise takes the lead with Sky close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Powder Blue (#C3E1F1): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#B2C6F4): A whisper-light, dusty violet — the color of wild irises.
• Turquoise (#65B1AC): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#644956): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Teal 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

• Hushed Glacier color palette (#FBF3F1, #C0E2E6, #7FD5EE, #84AF81, #34514A)
• Weathered Powder Balcony color palette (#F1F7F2, #D9DDEC, #8FB4E1, #53919E, #45536A)
• Wandering Lagoon color palette (#FBF3EE, #C3EBD4, #6BB8FF, #3E9F85, #4E2E45)
• Antique Cypress color palette (#F8EFF2, #D8D0E4, #849EC0, #29787D, #2C354E)
• Dusty Balcony color palette (#F9F5E9, #D7DB94, #DFB3F4, #ABAE61, #63424C)
• Softworn Terrace color palette (#F8F6E5, #B9E4DF, #DBB695, #ADAEBC, #565704)
• Washed Indigo color palette (#ECDFD1, #7CA5CD, #5D62DD, #005C61, #110020)
• Tempered Alley color palette (#F8F6E4, #BCD285, #D7AAE7, #CC8DAC, #44433B)

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