Teal Gradients
Explore thousands of gradient combinations or generate a custom gradient with the Gradient Generator.
Teal sits between green and cyan, roughly 160 to 190 degrees. This set leans on emerald to teal, teal to aqua, and occasional teal against coral contrast.
Radiant Cherry
Warm Garnet
Cool Poppy
Balanced Berry
Calm Cherry
Delicate Berry
Crisp Ruby
Lush Berry
Lush Rose
Warm Cardinal
Crisp Berry
Gentle Flame
Warm Blush
Vibrant Crimson
Quiet Cider
Lush Copper
Fresh Cider
Light Ginger
Serene Apricot
Lush Tangerine
Cool Peach
Crisp Sienna
Steady Terra
Lush Saffron
Bright Topaz
Gentle Primrose
Crisp Flax
Profound Lemon
Rich Daffodil
Quiet Citrus
Cool Ray
Serene Lemon
Rich Ray
Lush Gold
Calm Saffron
Rich Topaz
Warm Lemon
Subtle Sunbeam
Steady Buttercup
Smooth Canary
Warm Ray
Pure Willow
Serene Leaf
Vibrant Jade
Vivid Forest
Bold Mint
Serene Fern
Balanced Emerald
Rich Moss
Rich Sage
Rich Olive
Balanced Leaf
Quiet Leaf
Breezy Sage
Smooth Ivy
Faded Emerald
Serene Ivy
Lush Jade
Classic Meadow
Soft Leaf
Where Teal Gradients Work
Teal gradients are strong for app onboarding screens, AI tool headers, healthcare adjacent brands, creator templates, and clean portfolio sections. They hold white type better than yellow or cyan when the stop is deep enough. Pale aqua stops still need dark text, so avoid placing small white copy over #9ff5ec unless a darker overlay or stop sits behind it. Need a different angle or an extra stop? Adjust any of these in the Gradient Generator.
Frequently Asked Questions
Is teal closer to green or cyan here?
Teal is centered between green and cyan in this catalog. Lower values feel emerald. Push toward 185 to 190 degrees and the blend turns aquatic.
What should I pair with teal in a hero?
Pair teal with deep navy, soft aqua, mint, or a small coral accent. Navy gives the safest copy zone.