Teal Pier color palette — #ECFAEA · #62E4D9 · #F9A2A3 · #1FB5AB · #603335

A conversation between Turquoise and Lagoon, giving this palette its sense of balance.

The five colors

• Ivory (#ECFAEA): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#62E4D9): A whisper-light, balanced teal — the color of sea glass.
• Rose Quartz (#F9A2A3): A luminous, balanced red — the color of a theater curtain.
• Turquoise (#1FB5AB): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#603335): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Balance. Tagged 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

• Ancient Veranda color palette (#E7FBEF, #68DDFF, #F1AB82, #45ADCA, #47413C)
• Seafoam Basin color palette (#F1F8E6, #5FEAAC, #E7A4D9, #53B487, #573550)
• Aqua Basin color palette (#E6FDE4, #00D9D4, #F791A9, #D79082, #2B3E29)
• Softworn Stone color palette (#ECFAE9, #D8E3F3, #CEC7E5, #93C3A9, #3E5142)
• Ancient Garden color palette (#EBE1D5, #FFB9CA, #44DCFB, #495F51, #232C26)
• Pale Aqua Thicket color palette (#E6F9FF, #11D1D3, #A895EC, #009394, #443B62)
• Patina Alley color palette (#BAEFFF, #5BDCFE, #E96067, #0097B6, #5C0012)
• Azure Terrace color palette (#D8FFF3, #8FCCFF, #FFAE47, #0093E6, #543200)

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