Deep Teal Current
freshcalm
#134e4a · 0%#0f766e · 45%#2dd4bf · 100%
Why it blends
A single-hue luminance ramp: every stop sits near the same blue-green hue, so only lightness and chroma move and the blend stays free of muddy midpoints and banding. The anchor teal holds the middle, where the eye lands first. The go-to answer to the teal gradient brief for hero backgrounds and buttons; white text clears contrast over the darker two-thirds.
Built around Teal.
Use this gradient
CSS
background-image: linear-gradient(135deg, #134e4a 0%, #0f766e 45%, #2dd4bf 100%);