# Blue and green gradients

These gradients move through navy, cobalt, cyan, teal, emerald, lime, and pale mint, ranging from deep shadows to near-white tints.

- Page: https://grabient.com/blue-and-green-gradients
- Palettes: 25
- Tags: blue and green, blue, green, cyan, teal, lime, cool
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Vivid duotone blue to light green](https://grabient.com/kaqoHFW7U9uQuPXtKrzc7M63M9vb0xr5A?steps=32): linear gradient, `#7c86ff` `#798aff` `#7590ff` `#7197ff` `#6c9eff` `#69a4ff` `#66aaff` `#65b0ff` `#64b7ff` `#63bdff` `#62c3ff` `#62c9ff` `#62d0ff` `#63d6ff` `#64dcfe` `#64e2fd` `#62e8f9` `#60eff4` `#61f5eb` `#66fae0` `#6ffdd5` `#7affcb` `#83ffc2` `#84ffb9` `#83ffaf` `#85ffa5` `#8afe9c` `#91fe93` `#98ff89` `#a0ff80` `#a7ff79` `#abff72`
2. [Neon blue, lime green and yellow](https://grabient.com/kcX3W4NjO_8GZOxRr7dZVI-_NcP501T8-FC_A?style=angularGradient&steps=32&angle=180): angular gradient, `#003b8b` `#003c92` `#093d97` `#134199` `#16479a` `#105099` `#115992` `#1d628a` `#2c6a84` `#337382` `#307d81` `#2d897a` `#39946d` `#4f9e5c` `#61a94e` `#6ab642` `#6dc437` `#6dd22e` `#73de1f` `#7ce810` `#85f20a` `#8efa0e` `#9bff2f` `#aaff52` `#b0ff4e` `#b2ff31` `#b6fe09` `#befe09` `#c7fe07` `#d0ff05` `#d9ff2f` `#deff40`
3. [Vivid duotone blue to green](https://grabient.com/kYtVqyW507FqpuTYwj4VMS_k--P8?steps=32): linear gradient, `#63a7ed` `#5fa9e8` `#5dace1` `#5eaed9` `#60b0d0` `#63b1c8` `#64b3c1` `#62b4ba` `#60b5b2` `#5eb6a8` `#5eb79d` `#61b790` `#65b783` `#69b778` `#6ab76c` `#69b760` `#67b754` `#65b747` `#64b63b` `#64b52d` `#65b321` `#65b216` `#64b00d` `#63ae06` `#63ac01` `#62aa00` `#62a700` `#62a500` `#61a200` `#609f03` `#5f9d07` `#5f9c0a`
4. [Blue, cyan and green](https://grabient.com/kcbiujRye_9kwP1nMb1b788G9SvdvX78aNS_Q?steps=32&angle=135): linear gradient, `#2a576b` `#285d74` `#236682` `#1a7092` `#0e7ba1` `#0185ae` `#0090bb` `#009bc8` `#00a6d3` `#00b1dc` `#00bbe2` `#05c5e5` `#12cfe7` `#14d8e7` `#01e1e5` `#00e9df` `#00f1d7` `#02f7cb` `#19fbc0` `#1efdb2` `#1dfea3` `#1dfe94` `#25fe84` `#2ffe76` `#35ff6b` `#41ff64` `#42ff57` `#46fd47` `#53f73f` `#5ff13a` `#67ea38` `#6ce637`
5. [Pastel blue, beige and green](https://grabient.com/kcp0W34iG--4Zv73iDvfRI0fymP16NsDdUBBA?steps=32&angle=135): linear gradient, `#6d93cb` `#7099d1` `#76a2da` `#7cace3` `#83b6eb` `#8bbef1` `#95c5f7` `#9fccfb` `#a8d2fe` `#b0d9ff` `#b9dffe` `#c5e5fa` `#d1eaf6` `#daeef4` `#dff3f4` `#e2f9f1` `#e7fdea` `#f1fee0` `#faffd6` `#fffed0` `#fffed0` `#feffbb` `#fcffb6` `#fbffab` `#f8ffa3` `#f3ff9b` `#eeff92` `#e7ff84` `#dffe7b` `#d5fd76` `#ccfb72` `#c5fa6f`
6. [Dark green, olive and light blue](https://grabient.com/kWWzNcRaM-V2fQLvDMMdIfM4?steps=32&angle=225): linear gradient, `#314419` `#35481b` `#3b4d1c` `#43541e` `#4c5b20` `#566223` `#5f6a26` `#68722b` `#707931` `#788138` `#7f8840` `#869049` `#8d9852` `#93a05c` `#99a866` `#9eaf70` `#a3b67b` `#a8bc86` `#aec391` `#b4c89d` `#bacea8` `#bfd3b3` `#c3d7be` `#c6dbc7` `#c8dfd0` `#cae2d8` `#cbe3e0` `#cde4e6` `#d1e5eb` `#d4e5ef` `#d8e4f1` `#dbe4f2`
7. [Duotone green to navy](https://grabient.com/ka0k5UYzbAtk5wDLssAvSbAK-PQuoFcxg?style=angularGradient&steps=32&angle=0): angular gradient, `#c0d07e` `#bccf78` `#b7ce70` `#b1cc66` `#aaca5c` `#a3c853` `#9ec44c` `#98c045` `#92bc3e` `#8db738` `#87b133` `#81ac2e` `#7aa52b` `#749f28` `#6e9826` `#689125` `#628a24` `#5d8321` `#587c1e` `#53741d` `#4d6e1f` `#466724` `#40602a` `#3c592f` `#385233` `#334c36` `#2d4738` `#23433c` `#184042` `#143b49` `#19364e` `#213150`
8. [Blue and Green: Navy and deep teal](https://grabient.com/kYNSy4JRu_LIXu03nrqrxw-6eVPs?steps=32&angle=270): linear gradient, `#051733` `#061936` `#071c3a` `#081f40` `#0a2345` `#0a274a` `#0a2b4f` `#083053` `#063656` `#053c58` `#074259` `#09485a` `#0b4d5b` `#0a515b` `#06565a` `#005a58` `#005d55` `#005f51` `#06604c` `#0d6048` `#105e43` `#105b3f` `#0e573c` `#0b5338` `#0a4f34` `#0c4b31` `#0f482e` `#12442a` `#144127` `#163d24` `#173b22` `#183921`
9. [Blue and Green: Emerald and turquoise](https://grabient.com/kcvmxuWDdANEzQHJJMJQ6LFb6wwu2MUDLKfAY?style=radialGradient&steps=32): radial gradient, `#50c882` `#4bc680` `#43c27d` `#3abe79` `#31b976` `#29b573` `#23b171` `#1cad6f` `#14a96e` `#06a46f` `#019f72` `#099974` `#119377` `#128d7b` `#098880` `#048487` `#0b7f8e` `#167a94` `#1b7598` `#1a719d` `#186da3` `#1768a8` `#1b63aa` `#1e5da9` `#1f58a5` `#1e52a0` `#1d4d9a` `#1e4894` `#1e438b` `#1e3e81` `#1e3979` `#1d3673`
10. [Blue and Green: Pale blue and teal](https://grabient.com/kW6SWg5SW-9YpP1HJTvsBm-Q?steps=32&angle=315): linear gradient, `#c1ecfe` `#bae9fd` `#b0e6fb` `#a5e2f9` `#98def6` `#89d9f3` `#7bd4ef` `#6ed0eb` `#62cce7` `#58c7e2` `#4ec2de` `#46beda` `#3eb9d5` `#36b4d0` `#2db0ca` `#23abc3` `#15a7bc` `#00a3b3` `#00a0a9` `#009c9f` `#009895` `#00938a` `#008e80` `#028977` `#0a826d` `#0f7a64` `#12715a` `#136851` `#146049` `#135842` `#13523c` `#134d38`
11. [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`
12. [Blue and mint color palette](https://grabient.com/kW8Rihbha_uUbPlkIbtayi8g?style=radialGradient&steps=32&angle=0): radial gradient, `#d9f3ff` `#d4f1fe` `#cfeffd` `#c8ecfc` `#c1e9fa` `#bae5f8` `#b3e2f6` `#acdff3` `#a6dcf1` `#a0d9ee` `#9bd6eb` `#96d3e7` `#91d0e4` `#8dcee0` `#88ccdc` `#84cad9` `#7fc9d5` `#7bc9d1` `#78c9cd` `#75cac8` `#74cac3` `#74cbbd` `#75ccb8` `#77cdb3` `#7aceaf` `#7fd1ac` `#84d3a8` `#8ad6a5` `#90d9a2` `#96dba0` `#9cdd9d` `#a0de9b`
13. [Blue to gray](https://grabient.com/kWgzKyTZQ-9aOPPbkbhYBo8w?style=radialGradient&steps=32&angle=0): radial gradient, `#496b8e` `#4b6d90` `#4e7092` `#527495` `#567898` `#5b7d9b` `#5f819e` `#6385a0` `#6789a2` `#6a8ca4` `#6e8fa5` `#7192a6` `#7595a7` `#7898a7` `#7b9ba8` `#7d9ea8` `#7fa0a8` `#80a3a7` `#81a5a6` `#83a7a3` `#85a9a0` `#87ab9d` `#8bac9a` `#8eae97` `#91af94` `#95b192` `#98b290` `#9bb48e` `#9db58c` `#a0b78a` `#a3b888` `#a5b887`
14. [Navy and moss color palette](https://grabient.com/kWNSa6tRo_GErshIqsFrJjAo?steps=32&angle=45): linear gradient, `#0a1730` `#0d1b34` `#121f3a` `#182542` `#1e2b4a` `#253354` `#2b3b5e` `#2f456a` `#305176` `#2d6083` `#25748f` `#1e8a96` `#2b9e96` `#49b090` `#6abc86` `#84c37c` `#92c474` `#94c26d` `#8ebc67` `#81b462` `#70ab5e` `#5da15a` `#4c9657` `#3e8d53` `#35844e` `#2e7a49` `#276f43` `#22653d` `#1e5b38` `#1b5233` `#184a2f` `#16452c`
15. [Color Palette: Navy and deep cyan](https://grabient.com/kURyi3zaszkMiS53DTHg?steps=32): linear gradient, `#172944` `#152f4a` `#103953` `#01455c` `#005261` `#005f65` `#006e68` `#007c67` `#1b8764` `#329061` `#3f9660` `#3f9a64` `#319a6b` `#079877` `#009283` `#008a8b` `#008292` `#007a9a` `#1a729e` `#306d9e` `#3b6c9e` `#4270a1` `#4679a5` `#4c86aa` `#5595ae` `#65a6b2` `#7ab6b6` `#92c5bb` `#abd3c1` `#c2dfc8` `#d4e9d1` `#e1f0d8`
16. [Blue and Green: Navy and deep cyan](https://grabient.com/kULyW4ryW_cKitVzFr0A?style=radialGradient&steps=32&angle=0): radial gradient, `#051229` `#06142d` `#071733` `#091b3a` `#0d1f41` `#10234a` `#132853` `#162d5c` `#183264` `#18386c` `#153d73` `#0b4378` `#004a77` `#004f73` `#00556e` `#00596b` `#005e67` `#006364` `#006961` `#00705e` `#11775c` `#2c7e5d` `#408662` `#529169` `#659c73` `#76a97f` `#88b68c` `#98c39a` `#a8cfa7` `#b5dab3` `#c1e4bd` `#caebc4`
17. [Blue and Green: Lime and teal](https://grabient.com/kU9hFg1yhH2ayN-fGk7A?steps=32&angle=180): linear gradient, `#eef9e9` `#e5f4e2` `#d8edd9` `#c7e5cf` `#b2ddc7` `#9cd4c1` `#84cabd` `#6cc1ba` `#55b9b9` `#3fb2b8` `#2aaeb7` `#11aeb6` `#00b1b4` `#00b8b0` `#18c0aa` `#3cc9a1` `#5bd097` `#77d68d` `#8dd983` `#9bd97c` `#9ed777` `#95d176` `#7ec878` `#5dba7b` `#32a87f` `#009280` `#00797a` `#00616f` `#004c63` `#003958` `#06294c` `#0a1f42`
18. [Near-Black Teal Near-Black Field](https://grabient.com/kWHhavJRqyECiTJXmTPCohNg?steps=32&angle=45): linear gradient, `#000610` `#000912` `#000e13` `#001314` `#001a15` `#002111` `#0b2809` `#1a2e04` `#213404` `#213c0f` `#134722` `#004f3b` `#005652` `#005d68` `#00647f` `#1a6a8f` `#267297` `#287e9c` `#2d8e9d` `#409c98` `#5ca68f` `#76ac86` `#88ac7f` `#8ca77a` `#809b74` `#67886a` `#496f5c` `#2d524c` `#163638` `#061d24` `#010a12` `#000206`
19. [Cyan Green Teal Quiet Field](https://grabient.com/kU0j6trR2xaUZTpuuTdg?steps=32&angle=225): linear gradient, `#96cdfa` `#86c6ed` `#71bdd9` `#5cb1bf` `#4aa2a1` `#409281` `#3e8061` `#3f6e45` `#3f5d2c` `#3c4f18` `#374408` `#303d02` `#243905` `#13350d` `#003118` `#002c21` `#002927` `#00272b` `#002732` `#00283a` `#002b45` `#06304f` `#0b3b5c` `#0c4a6d` `#035d81` `#007393` `#008ca3` `#00a5b2` `#00bebe` `#00d5c5` `#13e8c9` `#36f5cb`
20. [Near-Black Cyan Near-Black Halo](https://grabient.com/kULSGxSac2tSqxkKB7Rg?style=radialGradient&steps=32&angle=0): radial gradient, `#011224` `#00182b` `#002133` `#002c3c` `#003946` `#004750` `#005659` `#006560` `#007466` `#01816b` `#168b6f` `#1c9375` `#189b80` `#05a38d` `#00a99d` `#00adad` `#00b0bb` `#00b1c8` `#11b0d1` `#22acd3` `#27a7cf` `#21a0c5` `#0f95b2` `#008597` `#007379` `#005f5b` `#004a3e` `#083525` `#082212` `#051205` `#030701` `#010200`
21. [Teal Teal Green Field](https://grabient.com/kUxVqNxiS36KQSBwwDjg?steps=32&angle=240): linear gradient, `#2dced4` `#2bcac9` `#2cc5bb` `#33bfaa` `#3eb897` `#4ab084` `#54a771` `#5c9d60` `#609351` `#618946` `#5e803e` `#57783a` `#4a6f38` `#3b6438` `#2b5937` `#1c4d36` `#0f4233` `#073830` `#04302d` `#032c2c` `#032b2d` `#022f31` `#00393a` `#004847` `#005b56` `#007366` `#028d73` `#26a77d` `#46c183` `#65d785` `#80e985` `#94f684`
22. [Cyan Teal Cyan Field](https://grabient.com/kWx1GvJRoxz6dylcOLecxvIA?steps=32&angle=30): linear gradient, `#7abffc` `#5fb5e5` `#3ba5c1` `#189095` `#117868` `#1e5f40` `#244920` `#24380a` `#213102` `#1d3006` `#173613` `#0c3e25` `#00493a` `#005350` `#025e66` `#116877` `#127182` `#007c8a` `#00878b` `#009388` `#00a080` `#22ac71` `#4bb464` `#60bc61` `#67c56c` `#65cf84` `#61d8a0` `#64e0bd` `#71e5d6` `#84e9e9` `#97ecf6` `#a4eefd`
23. [Analogous dark green, blue and teal](https://grabient.com/kYbzpkOhPD0WaxHVpT-ZC29m09vU?angle=33): linear gradient, `#385c31` `#345f4f` `#337276` `#3790a2` `#34b6c1` `#34dac9` `#30f3b7`
24. [Navy teal green gradient](https://grabient.com/kaPDvAqS8-ra6v7DOr8zi491ksOhkyLwA?angle=270): linear gradient, `#111944` `#022d74` `#004aa4` `#006cc1` `#0790c4` `#15b7a7` `#2ddd75`
25. [Indigo cyan ice diagonal](https://grabient.com/kWSHy_ODM-9edvJyk7vfQbCQ?steps=6&angle=135): linear gradient, `#0f0e7c` `#1a4097` `#4083b6` `#85c4d4` `#c4f1f2` `#f2fcff`

## Other forms

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