# Navy and teal gradients

Deep navy and blue-gray stops shift through muted teal, pale aqua, and bright turquoise, ranging from near-black to softly washed tones.

- Page: https://grabient.com/navy-and-teal-gradients
- Palettes: 14
- Tags: navy, teal, blue, aqua, turquoise, dark, cool
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Teal, stone and navy color palette](https://grabient.com/kSo0mD94PBpmXx6?steps=48&angle=180): linear gradient, `#2ea095` `#36a297` `#3ea59a` `#47a99e` `#51ada3` `#5bb1a8` `#66b6ad` `#71bbb3` `#7bc0b9` `#86c6bf` `#91ccc5` `#9cd1cb` `#a6d7d1` `#b1dcd7` `#bae1dd` `#c3e5e2` `#cce9e7` `#d3eceb` `#d9efee` `#dff1f0` `#e3f2f2` `#e5f2f2` `#e6f1f1` `#e6efef` `#e3ecec` `#dee7e8` `#d8e1e2` `#d0d9db` `#c6d1d3` `#bcc8ca` `#b0bec1` `#a4b3b8` `#97a8ae` `#899ca4` `#7c909a` `#6e8490` `#617886` `#556c7c` `#496072` `#3d5569` `#334a60` `#293f58` `#213650` `#1a2d49` `#132542` `#0e1e3c` `#0a1837` `#081433`
2. [Teal, gray blue, blue and dark gray](https://grabient.com/kYhieK0ZHCc8TRC8GEFKpFACyCPK?style=angularGradient&steps=32&angle=135): angular gradient, `#437575` `#487979` `#4e7e80` `#568589` `#5e8b91` `#659099` `#6a949f` `#6d96a3` `#7096a6` `#7195a8` `#7292a9` `#728fa9` `#718ba7` `#6e86a4` `#6980a0` `#62789a` `#5a7094` `#52678d` `#4c5f85` `#46587e` `#405176` `#3b4a6d` `#354364` `#313d5b` `#2d3854` `#2a364e` `#293549` `#2a3646` `#2d3843` `#313940` `#353b3f` `#383b3d`
3. [Duotone navy to teal](https://grabient.com/kWJE26nCfATAZvVFGznWCe9I?steps=32&angle=135): linear gradient, `#000527` `#00052a` `#000432` `#00013b` `#01033f` `#020542` `#030846` `#030d49` `#04134d` `#041950` `#052053` `#082656` `#0c2d59` `#11345c` `#163b5f` `#1a4262` `#1d4966` `#1f506a` `#20576d` `#225f70` `#246673` `#276e75` `#2b7577` `#307c7a` `#35837c` `#398a80` `#3c9283` `#3f9a87` `#42a18a` `#45a88c` `#48ae8e` `#4bb290`
4. [Navy and Teal: Cobalt blue and near-black](https://grabient.com/kSfz61kwO8dQvO8?style=radialGradient&steps=40&angle=210): radial gradient, `#416593` `#3e628e` `#3a5e88` `#375980` `#325478` `#2e4e6e` `#294764` `#25415a` `#203a50` `#1c3346` `#182d3c` `#152633` `#12212b` `#0f1b23` `#0d171c` `#0b1317` `#090f13` `#080d10` `#070c0e` `#070c0e` `#070d0f` `#080f12` `#091316` `#0a171c` `#0b1d22` `#0b252a` `#0b2d33` `#0b363d` `#084047` `#044a52` `#00555c` `#006066` `#006b70` `#00767a` `#008083` `#008a8c` `#009493` `#009c9a` `#00a39f` `#00a8a3`
5. [Blue and teal color palette](https://grabient.com/kSLkm5WS83BckyM?style=radialGradient&steps=48&angle=30): radial gradient, `#000e33` `#001235` `#001739` `#001d3d` `#002343` `#002a49` `#003150` `#003a57` `#00435e` `#004c66` `#00556e` `#005f76` `#00697d` `#007384` `#007d8b` `#008791` `#009097` `#00989b` `#00a09f` `#00a7a3` `#00ada5` `#00b2a7` `#00b5a8` `#00b7a9` `#00b7a9` `#00b5a8` `#00b2a7` `#00ada5` `#00a7a3` `#00a09f` `#00989b` `#009097` `#008791` `#007d8b` `#007384` `#00697d` `#005f76` `#00556e` `#004c66` `#00435e` `#003a57` `#003150` `#002a49` `#002343` `#001d3d` `#001739` `#001235` `#000e33`
6. [Pale blue, turquoise and stone color palette](https://grabient.com/kW-QeOcBY_8mzQ2mIMJYws_4?style=radialGradient&steps=48&angle=135): radial gradient, `#f2fbfb` `#eefafa` `#ebf9f9` `#e7f8f9` `#e2f7f8` `#ddf6f7` `#d8f5f5` `#d1f3f4` `#caf1f2` `#c3eff0` `#baeced` `#b1e8ea` `#a6e4e7` `#9adee3` `#8cd8e0` `#7cd2dc` `#6acad9` `#57c2d6` `#41b9d2` `#26b0cf` `#00a7cb` `#009dc3` `#0093bb` `#008ab3` `#0081ac` `#0077a2` `#006d98` `#00628c` `#005781` `#004d75` `#00446a` `#003c61` `#00365a` `#003155` `#002f53` `#002e54` `#013159` `#0f385e` `#1e4266` `#2d4d70` `#3d5b7b` `#4e6a88` `#607a95` `#728aa2` `#8398af` `#92a6ba` `#9fb1c4` `#a9b9ca`
7. [Vivid navy, blue, cyan and light blue](https://grabient.com/kYL2C8LM0_8bVv5buD3ca27HclPy?steps=32&angle=180): linear gradient, `#00004a` `#010054` `#010162` `#010371` `#020882` `#021193` `#021aa3` `#0224b2` `#042fc1` `#073ad0` `#0b46df` `#0e52eb` `#0c5ff6` `#066bfd` `#0c78ff` `#1685ff` `#1e90ff` `#2a9cfd` `#33a7fd` `#38b2fe` `#3abfff` `#41ccff` `#49d9ff` `#51e4ff` `#5aeeff` `#65f5ff` `#70faff` `#7afdff` `#84feff` `#8cfeff` `#92feff` `#97ffff`
8. [Teal and indigo color palette](https://grabient.com/kcdEZyySnAdkuQHlpED3KRDE4qw6-LcIsKdBY?steps=32): linear gradient, `#0f6745` `#106d4a` `#127652` `#14805b` `#168a64` `#1a936d` `#1d9d76` `#21a77f` `#28b089` `#32b993` `#43c19e` `#56c9a9` `#66cfb3` `#6fd2bc` `#6ed2c1` `#68cec3` `#5fc7c4` `#54bfc4` `#4ab7c4` `#3faec5` `#35a5c5` `#2e9ac4` `#2b90c1` `#2985bd` `#277ab8` `#2670b1` `#2666a9` `#285ca1` `#2a5397` `#2b4a8c` `#2b4382` `#2a3e7b`
9. [Sage and stone navy and teal palette](https://grabient.com/kYUSW0vBG9c0OvRdjTyaoe_ncDv0?style=radialGradient&steps=32&angle=0): radial gradient, `#20344c` `#223850` `#273f56` `#2c465d` `#324f64` `#38576b` `#3e5f71` `#446676` `#4a6d7b` `#507380` `#567a84` `#5d8089` `#64878d` `#6a8d91` `#719496` `#789b9a` `#7fa19f` `#86a8a3` `#8eaea7` `#95b4ac` `#9cb9b1` `#a3beb6` `#aac2bb` `#b1c7c0` `#b7cbc6` `#bed0cb` `#c5d5d0` `#cddad6` `#d4e0dc` `#dae5e1` `#e0e9e6` `#e4ece9`
10. [Navy and teal color palette](https://grabient.com/kSUVCyRj272CvOy?steps=32&angle=135): linear gradient, `#00345f` `#003661` `#003963` `#003d66` `#004169` `#00466d` `#004b70` `#005074` `#005679` `#005b7d` `#006181` `#006785` `#006d89` `#00728d` `#007891` `#007d94` `#008297` `#00879a` `#008d9d` `#0092a0` `#0098a2` `#009ea4` `#00a4a7` `#00a9a8` `#00afaa` `#00b5ab` `#00baac` `#00bfac` `#00c3ad` `#16c7ad` `#2cc9ad` `#38cbad`
11. [Deep teal violet radial glow](https://grabient.com/kUf6fGurM-rKTvChijmg?style=radialGradient&steps=32&angle=0): radial gradient, `#5240e0` `#5042dd` `#4e43d9` `#4c45d4` `#4a47ce` `#4849c8` `#454bc2` `#424cbb` `#404eb5` `#3c4fae` `#3950a8` `#3651a1` `#33519b` `#305294` `#2e528e` `#2c5287` `#2b5280` `#2a5179` `#2a5072` `#2a4f6b` `#294d65` `#284b5e` `#274858` `#254551` `#22414a` `#1f3d43` `#1d393d` `#1a3537` `#183232` `#162e2d` `#152b29` `#152926`
12. [Muted slate green gradient](https://grabient.com/kWXhjLsgs87mOt7AGjswxPBI?steps=8&angle=135): linear gradient, `#3e3d51` `#3e4153` `#3c4958` `#3a575c` `#3b6459` `#426e50` `#4a7355` `#4e7561`
13. [Navy cyan horizontal fade](https://grabient.com/kWWSSyNyTAEirvxYqD3YiS8A): linear gradient, `#263c54` `#214973` `#225f97` `#2b7eb9` `#3a9dcd` `#46b8d1` `#5bc9c7`
14. [Sand cyan navy glow](https://grabient.com/kanTkm14tFlcRyrMHcJuZ9B6QaweQk0Gg?steps=13): linear gradient, `#ab7958` `#a58c6d` `#9f9c87` `#8fa492` `#77a4a2` `#5d9ba4` `#3c8c9d` `#237790` `#0f5e7c` `#044465` `#022b4c` `#011430` `#01051c`

## Other forms

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