Teal Pier color palette — #EBF8FB · #A5E3DD · #F4B1C3 · #00C1B9 · #5A4363

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

The five colors

• Ivory (#EBF8FB): bright and airy, almost weightless.
• Sea Foam (#A5E3DD): A whisper-light, dusty teal — the color of glacier melt.
• Ballet Pink (#F4B1C3): A whisper-light, balanced red — the color of a theater curtain.
• Turquoise (#00C1B9): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#5A4363): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication, Softness, Clarity. Tagged 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

• Mallow Lagoon color palette (#E7F9FF, #ACF4FB, #D3BFFF, #4BAAB3, #41445D)
• Washed Thicket color palette (#EDF7FF, #A9DCFF, #F7B596, #4DB3F0, #614254)
• Softworn Studio color palette (#ECF8F6, #C0DFB9, #DFB5ED, #78BD67, #4D476C)
• Ancient Coral color palette (#E7F9FF, #8ED5DC, #EDA5C1, #EA9487, #2A4751)
• Aged Lagoon Dune color palette (#EFF9EC, #B2CEAA, #C7AE75, #00A294, #514C46)
• Garnet Pier color palette (#E9F8FF, #89EAFF, #E97F81, #00A9C3, #6F0A1C)
• Patina Lagoon Quarry color palette (#E7F9FF, #C1E0FF, #72C8D0, #1A979D, #003D41)
• Hushed Teal Courtyard color palette (#EBF6E8, #62C7BA, #CD858C, #348077, #47271F)

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