Teal Pier color palette — #E8F0F2 · #CCD3E0 · #B6BADF · #00A8A2 · #1C3237

Built around Turquoise, softened by Lavender — the whole palette hums with sophistication.

The five colors

• Cream (#E8F0F2): bright and airy, almost weightless.
• Silver (#CCD3E0): a clean, paper-quiet neutral.
• Lavender (#B6BADF): A luminous, dusty violet — the color of wild irises.
• Turquoise (#00A8A2): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#1C3237): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Boulevard color palette (#DAE7ED, #BBBFCD, #ABA4C9, #0090A5, #0C222C)
• Azure Cabin color palette (#EDF6FF, #DBD7E9, #DFB5D5, #339FEF, #203548)
• Cerulean Basin color palette (#D7E5ED, #009BBE, #3A547B, #163342, #000608)
• Turquoise Loft color palette (#F0F6FA, #D9DAE5, #C8B3C5, #7AB6CB, #3E4A50)
• Sunlit Market color palette (#F4D3E4, #00C3BC, #008CE9, #9D4C19, #002A31)
• Tempered Cypress Villa color palette (#E3ECE3, #C0D0C6, #8EABA0, #006262, #0D190D)
• Hazy Atelier color palette (#CCE7EC, #00BBAD, #AA5CCE, #7F5A00, #2B1C00)
• Aged Basin color palette (#D3F9F1, #81BED7, #7D93DD, #926B2E, #244131)

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