Teal Pier color palette — #F9F3F7 · #D3D5E4 · #B7B9E5 · #5EA282 · #395064

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D3D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#B7B9E5): A luminous, dusty violet — the color of twilight just after sunset.
• Jade (#5EA282): A luminous, balanced teal — the color of glacier melt.
• Peacock (#395064): A full-bodied, dusty blue — the color of deep harbor water.

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

• Washed Lagoon Workshop color palette (#FAF2F8, #D4D4E3, #79C7E6, #339675, #204260)
• Teal Boulevard color palette (#F5F6EF, #BCE1E8, #93C9EC, #69B2A7, #375141)
• Muted Balcony color palette (#F5F3FF, #E8D7DF, #B5B1E4, #B0B8AE, #564B60)
• Worn Teal color palette (#F7F3FF, #EABAE0, #9EC992, #67B58C, #3C334B)
• Worn Turquoise color palette (#EAF4F2, #CADFF5, #5FAAB4, #48737B, #223A45)
• Antique Study color palette (#EDE0EA, #7BAABE, #005C7E, #002C23, #000104)
• Washed Cabin color palette (#FCF3EF, #C9EBE2, #61A4B9, #627837, #395049)
• Softworn Hollow color palette (#FCF2F8, #EED4D2, #C7A1BA, #8C6E8E, #324535)

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