Teal Pier color palette — #F8F5EF · #C7E4E3 · #89C5EE · #00ADB3 · #2E496A

A conversation between Turquoise and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C7E4E3): A whisper-light, dusty teal — the color of sea glass.
• Sky (#89C5EE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#00ADB3): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2E496A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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 Teal Boulevard color palette (#F9F4ED, #C7E5DD, #69CEE1, #34AF8E, #28513F)
• Muted Powder Market color palette (#FAF3F7, #D6D4E1, #82C0FF, #48927E, #343E59)
• Cobalt Lagoon color palette (#D3F5D4, #81E0EE, #2CC1E4, #008FC5, #224D70)
• Hushed Aqua Lagoon color palette (#E9FAF3, #EAD5D1, #57C9D9, #A79A93, #2E5149)
• Linen Periwinkle color palette (#F5EDE2, #A8DCF5, #50ACF3, #008F9B, #0D2B5D)
• Wandering Corridor color palette (#F0E7D8, #88B7D3, #1686E0, #006B78, #010744)
• Washed Quarry color palette (#ECF4EE, #B1E6FA, #5F94B8, #0D6B6F, #1C2D40)
• Azure Boulevard color palette (#EBF9F2, #8ED7F8, #F9A781, #00AEE1, #64331A)

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