Teal Pier color palette — #FFE3E7 · #FFB2BF · #4CB4E4 · #00AD9B · #4B212A

Turquoise takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#FFE3E7): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#FFB2BF): A whisper-light, balanced red — the color of a theater curtain.
• Cyan (#4CB4E4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#00AD9B): A luminous, balanced teal — the color of sea glass.
• Espresso (#4B212A): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Periwinkle Alley color palette (#FFE5DB, #FFBCA1, #75A9FE, #00A7C5, #4C2311)
• Ancient Coral Station color palette (#FFDCCD, #FF857A, #00BBC3, #46A1CA, #402316)
• Aged Emerald Grove color palette (#FFE0F8, #FFAFF0, #00B292, #00B446, #44223E)
• Linen Studio color palette (#FFF2E9, #FFA56E, #41C4F1, #909ADF, #3D3732)
• Azure Boulevard color palette (#FFF2EA, #FFB28B, #3497E9, #6E74C2, #44200C)
• Feathered Orchard color palette (#F6E1DA, #EF4D00, #0093A8, #007DB8, #260500)
• Weathered Orchid color palette (#F7E9D8, #F7AE36, #9F71F6, #068AE5, #331F00)
• Mint Grove color palette (#D3E0F4, #00E9A1, #FF9F9B, #744644, #281B16)

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