Teal Pier color palette — #FAF4EF · #C5E7E8 · #8FC1FB · #00AEAD · #593D52

Built around Turquoise, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#C5E7E8): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#8FC1FB): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00AEAD): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#593D52): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Antique Teal color palette (#FAF3F0, #C4E9E1, #81C9E5, #48AD89, #275146)
• Wandering Meadow color palette (#EFF7F6, #D1DCF8, #6CADD6, #0089A0, #304A62)
• Gentle Azure color palette (#E3FCF3, #96D4FF, #FFA37F, #15A9F4, #5F3626)
• Timeworn Cobalt color palette (#BBF8F5, #80DAEB, #28B8E7, #148FD7, #3A4C70)
• Airy Emerald color palette (#FFF2EB, #A0E9E7, #00BEDD, #009D5F, #003751)
• Frosted Lantern color palette (#F8ECE2, #AFDFCD, #70A5F5, #009096, #26255C)
• Wandering Cerulean Ridge color palette (#F9EFF3, #B3E5FD, #6691C0, #006C6B, #202C44)
• Patina Meadow color palette (#FAE8E0, #70ABBA, #007DB2, #005F52, #00081F)

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