18 named teal shades with hex codes — click any swatch to copy.
Enter any hex code to find the nearest named teal shade.
Teal occupies the captivating space between blue and green — a color that feels both fresh and serene. Light cyans and turquoises bring tropical energy; seafoam greens evoke coastal calm; deeper teals carry a professional, sophisticated quality. Teal is one of the most distinctive accent colors in modern design.
Mint Cream
#F5FFFA
Light Cyan
#E0FFFF
Pale Turquoise
#AFEEEE
Aqua
#00FFFF
Cyan
#00FFFF
Aquamarine
#7FFFD4
Turquoise
#40E0D0
Medium Turquoise
#48D1CC
Seafoam
#9FCFBA
Medium Aquamarine
#66CDAA
Dark Turquoise
#00CED1
Light Sea Green
#20B2AA
Cadet Blue
#5F9EA0
Steel Teal
#367588
Teal
#008080
Dark Cyan
#008B8B
Pine Green
#01796F
Deep Teal
#003333
Pale teal shades make excellent backgrounds, hover states, and subtle accents. They keep designs airy without losing the hue's personality.
The middle of the teal spectrum is where most UI elements live — buttons, icons, links, and borders. These shades are vivid enough to pop without overwhelming.
Deep teal shades work for text on light backgrounds, dark mode surfaces, and dramatic hero sections. They're rich and authoritative.
Pick one teal shade as your primary, one light variant for backgrounds, and one dark variant for depth. Add a neutral gray for balance.