Teal Pier color palette — #F8F5EF · #CDE6E4 · #9FCEEA · #50B4B4 · #2E524A

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CDE6E4): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#9FCEEA): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#50B4B4): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#2E524A): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Ancient Turquoise color palette (#F8F5EF, #C5DEEA, #9FD3C5, #59B1BD, #5F4B5D)
• Lagoon Cabin color palette (#F9F4ED, #CDE8D2, #6ABFD8, #00A28D, #0E4057)
• Washed Ash color palette (#EDF4EE, #D2DDF2, #74A3BF, #427381, #2A3746)
• Ancient Boulevard color palette (#FFF0F8, #C7BEF8, #ECAD89, #53C6A5, #503B46)
• Antique Atelier color palette (#E9E2D7, #70A9C5, #0079C3, #005C65, #000623)
• Patina Azure Veranda color palette (#EAE2D5, #A6CAB3, #009FD2, #007D78, #00213A)
• Dusty Iris Drift color palette (#FEF0FF, #BBD2FF, #9EAEF3, #8C7FCA, #674351)
• Washed Lilac color palette (#FFF0F9, #F1C6DF, #CBCC82, #9F9DF4, #4F5025)

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