Teal Pier color palette — #EFF8ED · #CEDDDC · #A6AFC8 · #33BBB2 · #384436

Turquoise and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF8ED): a clean, paper-quiet neutral.
• Silver (#CEDDDC): bright and airy, almost weightless.
• Ash (#A6AFC8): A luminous, dusty violet — the color of a velvet chair.
• Turquoise (#33BBB2): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#384436): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Turquoise Pier color palette (#EFF7F4, #E1D3D1, #78B5D4, #A7A79C, #414A46)
• Muted Teal Coast color palette (#E8F2E9, #C8D6D6, #D5B7C0, #00A6AC, #243225)
• Weathered Turquoise color palette (#CBEAD8, #00B3D6, #4D698D, #264B37, #091508)
• Softworn Atelier color palette (#DCEDC5, #8DD8EB, #92AED4, #AB8155, #444C06)
• Dusty Cypress Studio color palette (#E7F5F8, #CED7E6, #A6C3DE, #007C75, #16282C)
• Fuchsia Villa color palette (#E5FDE4, #00D1D1, #CF6ECB, #B65602, #442A00)
• Patina Periwinkle color palette (#FFF2ED, #00DDD2, #47ACFF, #B35128, #003D46)
• Weathered Jade Grove color palette (#FDF4E5, #C8D78C, #77B777, #529692, #373F09)

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