Teal Pier color palette — #F5F6EF · #CDE3DC · #92D4DA · #62B3A5 · #33533E

Built around Turquoise, softened by Ice Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#CDE3DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#92D4DA): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#62B3A5): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#33533E): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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 Fern color palette (#F3F7E9, #CCE5D6, #A9CD9C, #96C1C3, #455813)
• Timeworn Turquoise Chapel color palette (#F4F6F0, #CAE6E8, #A2CCF2, #6BACC5, #614962)
• Wandering Emerald color palette (#F2F9DE, #C1E5C7, #8FC59B, #519F6C, #1C452A)
• Softworn Apricot Hollow color palette (#F6F7E4, #B5D1A6, #77CED4, #D9A265, #43433C)
• Softworn Turquoise color palette (#EAF4F2, #C9E0F6, #62AAB0, #44747C, #233A43)
• Patina Cerulean color palette (#EAECDA, #71BECC, #0092B0, #006C6F, #001721)
• Clover Boulevard color palette (#F5F7E7, #BFE0B6, #97CFF4, #77BD63, #27526D)
• Washed Cerulean Balcony color palette (#F4F7ED, #C1EBDC, #78B8F1, #009AC2, #213B5D)

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