Teal Pier color palette — #E7F9FB · #A7E4CD · #F9B1B1 · #67BB9E · #5B445A

A conversation between Mint Leaf and Rose Quartz, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#E7F9FB): bright and airy, almost weightless.
• Mint (#A7E4CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Rose Quartz (#F9B1B1): A whisper-light, balanced red — the color of embers at dusk.
• Mint Leaf (#67BB9E): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#5B445A): 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

• Jade Canyon color palette (#E4FBF8, #B4E4B4, #D2BAF3, #81B982, #48496A)
• Antique Turquoise Market color palette (#ECF7FE, #A7DEFB, #EFB99D, #6FB2D5, #644054)
• Aged Bloom color palette (#E2FAFF, #8BD8CE, #E8ABAE, #C69781, #2D474D)
• Ancient Villa color palette (#F0F8ED, #93D3C8, #DA9EAD, #4B9D91, #66433D)
• Coral Studio color palette (#EDF5E7, #76C6AC, #D77F85, #0A856A, #452820)
• Aged Ash Orchard color palette (#FDF1F9, #F1CEDA, #CBABC0, #A088A7, #3B4D42)
• Softworn Lagoon color palette (#E6F9FF, #3CF5F8, #E98269, #00ACAF, #6D1500)
• Worn Ash color palette (#EEF6FF, #FFD1D1, #81A2C3, #5C6F82, #252C34)

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