# Cyan gradients

Cyan-centered ramps combine turquoise water, clear sky blue, cool mist, and deeper blue endpoints.

- Page: https://grabient.com/cyan-gradients
- Palettes: 16
- Tags: cyan, gradients, turquoise, sky blue, aqua, cool
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Monochrome white, light blue and gray](https://grabient.com/kU_gGD-ZHCmsTv5gjT3g?steps=40&angle=180): linear gradient, `#ffffff` `#fdffff` `#fafffe` `#f8fffe` `#f5fffe` `#f1fffe` `#edffff` `#e9ffff` `#e6feff` `#e3fdff` `#e0fcff` `#dcfbff` `#d7faff` `#d1f9ff` `#cbf8ff` `#c5f6fe` `#c1f4fc` `#bef1fa` `#baeef7` `#b6ebf3` `#b3e8f0` `#b0e5ed` `#ade2e9` `#aadfe5` `#a7dce2` `#a5d9df` `#a3d6db` `#a1d4d8` `#9fd1d5` `#9eced1` `#9dccce` `#9cc9ca` `#9bc7c7` `#9ac4c3` `#9ac2c0` `#9ac0bd` `#99beba` `#99bcb8` `#99bab6` `#98b9b5`
2. [Analogous teal, light blue and white](https://grabient.com/kWViWVwx1A1iiQTrmMFfIRGY?steps=32&angle=180): linear gradient, `#0f3f46` `#10434b` `#124952` `#15505b` `#185864` `#1c606e` `#206979` `#247183` `#29788c` `#2e7f95` `#33869d` `#388ca6` `#3e93af` `#4599b8` `#4ca0c0` `#54a6c8` `#5daccf` `#65b2d5` `#6eb8db` `#78bee0` `#81c3e5` `#8cc8ea` `#96cdef` `#a2d2f4` `#aed7f8` `#bddbfc` `#cbe0fe` `#d9e5ff` `#e5eaff` `#eeefff` `#f4f3ff` `#f9f7ff`
3. [Analogous navy, teal and cyan](https://grabient.com/kYXjusxyM5F01Plru0A8DfB2s0Qu?steps=32&angle=45): linear gradient, `#0c4467` `#034b6b` `#00556e` `#006071` `#006c75` `#007978` `#09847a` `#148e7e` `#179982` `#14a488` `#09ae8e` `#00b894` `#00c19a` `#00ca9f` `#00d2a4` `#00d9aa` `#03e0b1` `#06e6b7` `#05ebbe` `#00f0c5` `#00f3cc` `#00f6d3` `#00f7da` `#01f8e1` `#02f8e7` `#00f8ed` `#00f5f3` `#00f2f8` `#00eefc` `#22e9ff` `#3de4ff` `#49e1ff`
4. [Analogous blue and teal](https://grabient.com/kalXCwWDA9mUwPLpMz5YqlBNYoRbNuUMA?style=angularGradient&steps=32&angle=150): angular gradient, `#0681d2` `#0086d4` `#008ed5` `#0198d8` `#08a1da` `#0eaadb` `#0db2dd` `#09bbde` `#08c4df` `#0ecddf` `#17d3de` `#1dd9dd` `#1edddb` `#1ce0d9` `#1ce3d7` `#1fe3d5` `#27e2d3` `#33e0d1` `#3ddbcf` `#44d6ce` `#47d0ce` `#47cacf` `#46c2d2` `#49b9d5` `#4fafd6` `#55a5d7` `#599dd7` `#5b95d8` `#5c8ddb` `#5e85dd` `#607fdf` `#6379e0`
5. [Vivid duotone navy to cyan](https://grabient.com/kaNmy7Iz3ADksPjQp7tY7I9HE6PvytkCA?steps=32&angle=135): linear gradient, `#00104a` `#000f50` `#000064` `#01006b` `#020371` `#000e78` `#002175` `#002d7c` `#003984` `#00468d` `#065392` `#056099` `#006d9e` `#007ba3` `#0089a7` `#0096ac` `#0ba1b1` `#0cadb6` `#05b9bb` `#00c3bf` `#00cec3` `#02d7c6` `#0ee1ca` `#15eace` `#1bf2d3` `#20f8d7` `#27fdda` `#37ffdd` `#43ffe0` `#40ffe3` `#3dffe6` `#40fee7`
6. [Near-black and teal color palette](https://grabient.com/kSLhmK0q9BZwQwU?style=radialGradient&steps=48&angle=0): radial gradient, `#001616` `#001919` `#001d1d` `#002121` `#002627` `#002c2d` `#003334` `#00393b` `#004143` `#00494b` `#005154` `#00595d` `#006166` `#006a6f` `#007278` `#007a81` `#00818a` `#008892` `#008f9a` `#0094a0` `#0099a6` `#009dab` `#00a0af` `#00a1b1` `#00a1b2` `#00a0b2` `#009eb0` `#009bad` `#0096a9` `#0091a3` `#008b9e` `#008497` `#007d90` `#007688` `#006e80` `#006677` `#005f6f` `#005766` `#004f5e` `#004856` `#00414e` `#003a46` `#00343f` `#002e39` `#002933` `#00252e` `#00222a` `#001f27`
7. [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`
8. [Teal cyan palette](https://grabient.com/kYNhqgJ5K_DYZvxFIL81KW_WWhP2?steps=32&angle=45): linear gradient, `#031c25` `#041f28` `#04222c` `#052731` `#062c36` `#07313b` `#083641` `#083b46` `#09404b` `#094551` `#0a4b56` `#0a515c` `#0a5662` `#0b5c67` `#0b626d` `#0b6873` `#0b6e78` `#0c747e` `#0e7b84` `#10818a` `#12878f` `#158e95` `#18949b` `#1d9ba1` `#24a2a7` `#2da8ac` `#39afb3` `#47b7b9` `#54bfc0` `#60c6c6` `#6acccb` `#70d0cf`
9. [Analogous black, navy and teal](https://grabient.com/kSKySjo50-7Mkvu?style=radialGradient&steps=32): radial gradient, `#00121b` `#00131c` `#00141e` `#00151f` `#001721` `#001823` `#001a25` `#001c27` `#001e29` `#00202b` `#00222e` `#002430` `#002733` `#002935` `#002b37` `#002d3a` `#002f3c` `#00313e` `#003441` `#003643` `#003946` `#003b49` `#003e4b` `#00414e` `#004351` `#004653` `#004856` `#004b58` `#004d5a` `#004f5c` `#00505d` `#00525f`
10. [Teal to pale mint gradient](https://grabient.com/kWhkCKSx6_t0Zv3ulb89Za_w?steps=16&angle=45): linear gradient, `#0a7b7a` `#147e7d` `#1e8280` `#298885` `#378f8c` `#479995` `#59a5a0` `#6bb1ab` `#7abdb6` `#8bc9c0` `#9ad5cb` `#a7dfd5` `#b0e7dc` `#b5ede1` `#b7f1e5` `#baf5e8`
11. [Monochrome light blue to blue](https://grabient.com/kU2zG2366_1ZBPzXv7-A?steps=34): linear gradient, `#b6d4fe` `#b2d2fe` `#aed0fe` `#a9cdff` `#a3caff` `#9dc6fe` `#96c2fe` `#90befe` `#89bbfe` `#82b7fe` `#7cb4fe` `#76b1fe` `#70aefe` `#69acff` `#62a9ff` `#5ba7ff` `#53a5ff` `#4ba3ff` `#43a1ff` `#3a9fff` `#319eff` `#289cff` `#1e9cff` `#159bff` `#0b9bff` `#039bff` `#009cff` `#009dff` `#019eff` `#049fff` `#09a0ff` `#0da0ff` `#0fa1ff` `#0fa2ff`
12. [Cobalt blue vertical field](https://grabient.com/kWYGK3Pza_U9Av7cO765jI8w?steps=6&angle=180): linear gradient, `#013e87` `#005ba9` `#007ad7` `#0099f8` `#05baff` `#18d5f3`
13. [Electric turquoise glow gradient](https://grabient.com/kUplCRZbC_3G0v10sL8g?steps=5&angle=45): linear gradient, `#09a3af` `#12c9d7` `#21eaf4` `#3ffdfe` `#66fff9`
14. [Electric cyan indigo gradient](https://grabient.com/kcxWej87Y7vK2wF0Nr94bTEklUw696sBvGzAA?steps=8&angle=225): linear gradient, `#34c6ff` `#3bfffd` `#40fbff` `#53fffb` `#32c2ff` `#2b68ff` `#272bff` `#2c19ff`
15. [Mint cyan blue wash](https://grabient.com/kW7hJf8BTIeUkwzWNELRkZCg?steps=6): linear gradient, `#e3eede` `#b8e7e6` `#8cd4f1` `#68b6f3` `#5c8cec` `#615bde`
16. [Vivid monochrome blue and light blue](https://grabient.com/kYfdDBSlM_1m5PfhM73WbvBUrRQg?steps=34&angle=15): linear gradient, `#392bff` `#3b33ff` `#3e3bff` `#4145ff` `#454eff` `#4957ff` `#4b60ff` `#4c6aff` `#4d73ff` `#4d7eff` `#4d88ff` `#4e91ff` `#509aff` `#51a1ff` `#52a7ff` `#50adff` `#4eb3ff` `#4bb8ff` `#47bcff` `#44beff` `#41bfff` `#3fbeff` `#3dbcff` `#3bb8ff` `#3ab3ff` `#38aeff` `#36a8ff` `#33a2ff` `#309aff` `#2e91ff` `#2f87ff` `#327dff` `#3674ff` `#396dfe`

## Other forms

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