# Teal gradients

Teal ramps move from pale sea glass through clear aqua and balanced blue-green into deep ocean shades.

- Page: https://grabient.com/teal-gradients
- Palettes: 14
- Tags: teal gradients, aqua, blue green, ocean, fresh, backgrounds
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Monochrome white, light blue and gray](https://grabient.com/kU_gGD-ZHCmsTv5gjT3g?steps=32): linear gradient, `#ffffff` `#fcffff` `#f9fffe` `#f5fffe` `#f1fffe` `#ecffff` `#e8feff` `#e4fdff` `#dffcff` `#dafbff` `#d4faff` `#ccf8ff` `#c4f6fe` `#c0f3fb` `#bbeff8` `#b7ecf4` `#b3e8f0` `#afe4eb` `#abe0e7` `#a7dce2` `#a4d8de` `#a2d5da` `#a0d2d6` `#9ecfd1` `#9ccbcd` `#9bc8c8` `#9bc5c4` `#9ac2c0` `#99bfbc` `#99bdb9` `#99bbb7` `#98b9b5`
2. [Monochrome teal](https://grabient.com/kWajWGxyQ_V8uwTwNz98b294?steps=32&angle=135): linear gradient, `#005954` `#005c57` `#00615b` `#00665f` `#006c64` `#007369` `#007a6f` `#008176` `#00887c` `#009084` `#00988e` `#00a198` `#00a9a3` `#00b2ad` `#00bab8` `#00c2c1` `#00cac9` `#00d1d1` `#03d8d8` `#06dfde` `#0ae6e4` `#0cece9` `#0cf2ec` `#0af6ee` `#03faef` `#00fced` `#00fee9` `#00ffe4` `#03ffdf` `#0fffda` `#17ffd5` `#23ffd2`
3. [Analogous navy, teal and light blue](https://grabient.com/kUSCGbPJe8lkbPr1lT_A?steps=32&angle=225): linear gradient, `#072f39` `#09323b` `#0a363f` `#0c3b42` `#0e4047` `#11464b` `#144c50` `#185355` `#1d5959` `#22605e` `#276663` `#2c6c67` `#32736c` `#377972` `#3d8077` `#43877d` `#498e83` `#4f9589` `#569c8f` `#5da395` `#64aa9b` `#6bb0a1` `#73b8a8` `#7cbfb0` `#86c7b7` `#8fcfbf` `#99d6c7` `#a2decf` `#abe4d6` `#b2eadc` `#b9f0e2` `#bef4e6`
4. [Analogous teal to blue](https://grabient.com/kUajWXQyE_04pQTVsMDA?steps=32&angle=135): linear gradient, `#005664` `#005866` `#005b68` `#005e6c` `#01616f` `#026573` `#026977` `#036d7b` `#04717f` `#047484` `#047888` `#037b8c` `#037d90` `#028094` `#018398` `#01869d` `#0188a1` `#018ba5` `#018daa` `#028fae` `#0291b2` `#0293b6` `#0296ba` `#0198be` `#009ac2` `#009cc6` `#009ec9` `#009fcd` `#00a1d0` `#00a2d3` `#00a3d5` `#00a4d7`
5. [Dark green, gray and teal](https://grabient.com/kUSxN7MApCb2HwPFkr3A?style=angularGradient&steps=32&angle=225): angular gradient, `#1f312b` `#20322d` `#21342f` `#223631` `#233833` `#253a36` `#273c39` `#293e3c` `#2b413f` `#2d4342` `#304645` `#324848` `#354b4b` `#394d4e` `#3d5051` `#405354` `#445657` `#48595a` `#4b5b5d` `#4e5e5f` `#506162` `#526365` `#536667` `#53696a` `#536b6c` `#526e6e` `#527170` `#517371` `#4f7672` `#4e7873` `#4e7974` `#4d7b74`
6. [Near-black and teal color palette](https://grabient.com/kUHg-gHBY-yogvY4JL2A?steps=32&angle=135): linear gradient, `#00070b` `#00080d` `#00090f` `#000b11` `#000e14` `#001017` `#00131a` `#00161d` `#001820` `#001b23` `#001e25` `#002128` `#00242a` `#00272d` `#002a2f` `#002d32` `#003034` `#003337` `#003639` `#00393b` `#003c3d` `#003f3f` `#004342` `#004744` `#004a46` `#004e48` `#00524a` `#00564c` `#00594e` `#005d4f` `#005f50` `#006150`
7. [Vivid monochrome cyan to teal](https://grabient.com/kW12OWczO-PMzvpyuT5ccC_A?steps=32): linear gradient, `#38e4ff` `#39e6ff` `#3ee9ff` `#43ecff` `#48f0ff` `#4cf4ff` `#4cf7ff` `#48fbff` `#43fdfe` `#45fefd` `#48fffa` `#4afff8` `#4cfff5` `#4dfef2` `#4ffef0` `#4ffeed` `#50feea` `#50fee7` `#50ffe3` `#50ffe0` `#52ffdc` `#54ffd8` `#55ffd5` `#56ffd1` `#56ffce` `#55ffcb` `#53ffc8` `#51ffc5` `#4fffc2` `#4dffc0` `#4bffbd` `#49ffbb`
8. [Teal teal palette](https://grabient.com/kS0zF9YB6_9Wgv-?style=radialGradient&steps=32&angle=135): radial gradient, `#99d6c6` `#97d6c5` `#96d5c4` `#94d4c2` `#91d3c1` `#8fd1c0` `#8dd0be` `#8acfbc` `#87cdbb` `#84ccb9` `#81cab7` `#7ec9b5` `#7cc7b3` `#79c5b2` `#76c4b0` `#74c2ae` `#71c1ad` `#6fbfab` `#6dbda9` `#6abca7` `#68baa5` `#65b8a3` `#63b6a1` `#61b4a0` `#5eb29e` `#5cb09c` `#5aaf9a` `#58ad99` `#56ac97` `#55aa96` `#53a995` `#52a894`
9. [Teal color palette](https://grabient.com/kSjEKQzqg9NUwPe?style=radialGradient&steps=32&angle=270): radial gradient, `#0f818a` `#0e828a` `#0c838a` `#0a858a` `#08868a` `#06888a` `#058a8a` `#038b8a` `#038d8a` `#028f8a` `#03918a` `#04938a` `#059589` `#079789` `#099889` `#0b9a88` `#0e9c88` `#0f9d87` `#119e87` `#13a086` `#15a185` `#17a385` `#19a484` `#1ba683` `#1da782` `#20a882` `#22a981` `#24ab80` `#26ac7f` `#28ac7f` `#29ad7e` `#2bae7d`
10. [Monochrome teal](https://grabient.com/kSbzt_RiS_NcmQU?steps=5&angle=270): linear gradient, `#006052` `#04705c` `#18856b` `#2a9c87` `#3aafa1`
11. [Teal deep blue horizontal fade](https://grabient.com/kWUS-2sp0-sUfvBYqr0ZzO_I?steps=13&angle=225): linear gradient, `#1c3353` `#1c385a` `#1d4064` `#1d4a6f` `#1b597a` `#1b6b84` `#1e7c8e` `#1c8f99` `#18a2a3` `#19b4ac` `#1cc5b6` `#1ad4c1` `#19dec9`
12. [Aqua cyan diagonal fade](https://grabient.com/kW5XCHcbXBGivQZjJj9aqU-4?angle=315): linear gradient, `#13fff5` `#1efdfe` `#41efff` `#40daf7` `#51cce1` `#60cfdb` `#6fdee3`
13. [Analogous blue and teal](https://grabient.com/kalXCwWDA9mUwPLpMz5YqlBNYoRbNuUMA?angle=150): linear gradient, `#0681d2` `#0eabdc` `#1ad5dd` `#22e3d4` `#47ccce` `#599ed7` `#6379e0`
14. [Analogous blue, light blue and cyan](https://grabient.com/kUYS-nyUXCl-3PT1NLqg?steps=13&angle=45): linear gradient, `#1a4861` `#0b5179` `#005d9c` `#0668c7` `#1d74e7` `#1f84f6` `#1d97fc` `#1faafd` `#25bcff` `#33d0ff` `#39e4ff` `#2ef8fe` `#75fff7`

## Other forms

- [JSON](https://grabient.com/api/collections/teal-gradients)
- [ASE](https://grabient.com/teal-gradients.ase)
- [GPL](https://grabient.com/teal-gradients.gpl)
- [GRD](https://grabient.com/teal-gradients.grd)
- [Design tokens](https://grabient.com/teal-gradients.tokens.json)
- [Image](https://grabient.com/api/png/collection?slug=teal-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=teal-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)