# Ocean gradients

Aqua, cyan, turquoise, teal, and ocean blue flow from bright seafoam highlights into deep navy and near-black blue.

- Page: https://grabient.com/ocean-gradients
- Palettes: 28
- Tags: ocean gradients, blue, cyan, aqua, turquoise, teal, navy, aquatic
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [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`
2. [Analogous blue, teal and light blue](https://grabient.com/kWo3evWSq82MnutpJ745p1CI?steps=32&angle=135): linear gradient, `#0693e9` `#0095e7` `#0099e4` `#009ce1` `#0aa0de` `#16a4da` `#20a8d6` `#28acd3` `#2db0d0` `#31b4cd` `#35b9c9` `#3abdc6` `#41c2c2` `#49c6be` `#52caba` `#5bcdb6` `#63cfb4` `#69d2b2` `#6fd4b0` `#74d7af` `#78d9af` `#7cdaaf` `#7fdcaf` `#81dcb0` `#82dcb1` `#82dcb4` `#82dab7` `#82d8ba` `#82d6bd` `#82d4c0` `#83d3c1` `#84d1c2`
3. [Monochrome light blue to blue](https://grabient.com/kU0DOUXipC1CsQDGrkDA?style=radialGradient&steps=32&angle=225): radial gradient, `#8dd1dc` `#89d0dc` `#84cedd` `#7ecddf` `#78cae0` `#71c8e2` `#6ac5e4` `#64c2e6` `#5ebfe7` `#59bce8` `#55b8e8` `#51b5e7` `#4db2e5` `#49aee2` `#44abdf` `#40a7dc` `#3ca4d8` `#37a1d4` `#339dd1` `#2e9acd` `#2a97ca` `#2694c8` `#2391c5` `#208ec3` `#1d8bc1` `#1a88bf` `#1885bd` `#1682bb` `#1480ba` `#137db8` `#127bb7` `#107ab6`
4. [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`
5. [Teal color palette](https://grabient.com/kUvFB10DNB8I6QqzNsKg?steps=32): linear gradient, `#5ec19a` `#59bf99` `#52bd98` `#48bb96` `#3cb895` `#2db594` `#14b292` `#00ae92` `#00a991` `#00a490` `#00a08f` `#009c8e` `#00988d` `#00948c` `#00918b` `#008d8a` `#008989` `#008587` `#008186` `#007d84` `#007a83` `#007681` `#00727f` `#006d7c` `#00697a` `#006477` `#006074` `#005c72` `#00586f` `#00556d` `#00526b` `#00506a`
6. [Seamless cool navy and blue](https://grabient.com/kaUTuxqBc9zyfPpQK0B0a7Ar8nQIqHECg?style=angularGradient&steps=32): angular gradient, `#08345a` `#053457` `#023352` `#01334e` `#00334b` `#01364b` `#023c50` `#034458` `#044e63` `#05596f` `#05647a` `#056e85` `#037893` `#0283a1` `#018dae` `#0195ba` `#009ac2` `#009dc8` `#019fcc` `#029ece` `#039ccd` `#0498ca` `#0291c3` `#0087b8` `#007dac` `#0072a0` `#006994` `#005e88` `#01537a` `#02486d` `#023f61` `#023959`
7. [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`
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. [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`
10. [Monochrome black to blue](https://grabient.com/kUFCe7lq0_6dBv-3Vb_g?steps=32&angle=180): linear gradient, `#000010` `#000013` `#000016` `#00001b` `#000020` `#000025` `#00002b` `#000031` `#000037` `#000437` `#00053c` `#000741` `#000947` `#000b4d` `#000e53` `#00105a` `#001261` `#001568` `#00176f` `#001977` `#001c7e` `#001e85` `#00208d` `#002395` `#00269e` `#0028a6` `#002baf` `#002db7` `#0030be` `#0032c5` `#0034ca` `#0036cf`
11. [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`
12. [Monochrome black to light blue](https://grabient.com/kUIQa6NJtANolPzzjz5A?steps=32&angle=135): linear gradient, `#06070a` `#080a10` `#0b0f16` `#0e141f` `#121a29` `#172134` `#1d283f` `#22304c` `#283858` `#2e4065` `#344870` `#3a4f7b` `#405786` `#466092` `#4c699e` `#5371a9` `#597ab5` `#6083bf` `#668cca` `#6d95d3` `#749edb` `#7aa6e3` `#82aee8` `#8ab6ed` `#92bdf1` `#9bc5f3` `#a4ccf5` `#add2f7` `#b6d8f8` `#beddf9` `#c5e1fa` `#cbe5fb`
13. [Monochrome navy to blue](https://grabient.com/kUQja_qKS_DMrv85tkEA?steps=32): linear gradient, `#162048` `#162149` `#16224b` `#16234e` `#152550` `#152653` `#152857` `#14295a` `#142b5d` `#142d61` `#132f64` `#143067` `#14326a` `#15356d` `#163771` `#173974` `#183c78` `#193e7b` `#1b407f` `#1c4282` `#1e4485` `#204589` `#22478c` `#244890` `#274993` `#294997` `#2c4a9a` `#2f4a9e` `#324ba1` `#344ba3` `#364ba6` `#384ca7`
14. [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`
15. [Teal and navy ocean palette](https://grabient.com/kY7DF-6yhAdyrwNFocJMRzCx0VQc?style=radialGradient&steps=32&angle=0): radial gradient, `#b7f7e7` `#b0f5e5` `#a6f3e2` `#9af0de` `#8cecda` `#7de8d6` `#70e4d2` `#64dfce` `#58daca` `#4dd5c6` `#42d0c2` `#36c9bd` `#29c2b9` `#1cbab4` `#11b0ae` `#0ba5a8` `#0b9aa1` `#0c8f99` `#0d8592` `#0a7b8b` `#077285` `#04697f` `#03617a` `#035973` `#04506d` `#054866` `#05405d` `#053754` `#052f4b` `#042842` `#04223b` `#031e36`
16. [Blue teal deep teal rings](https://grabient.com/kUo3evXqo-VgsuMplcWA?style=radialGradient&steps=40&angle=0): radial gradient, `#0693e9` `#0e94e9` `#1897ea` `#229aea` `#2b9deb` `#34a0eb` `#3ca4ec` `#43a7ec` `#49abed` `#4eaeed` `#52b1ed` `#55b4ec` `#56b7eb` `#55b8e9` `#52bae6` `#4cbce3` `#45bedf` `#3dc1da` `#34c2d4` `#2cc4cd` `#26c4c5` `#24c4bc` `#25c3b3` `#29c1aa` `#2cbea1` `#2eba9a` `#2eb494` `#2aae8e` `#22a68a` `#169c85` `#059280` `#00867b` `#007a75` `#006f6f` `#006368` `#005961` `#004f5a` `#004753` `#00404e` `#003b49`
17. [Teal black gradient](https://grabient.com/kW0DOU86u-p4QwywzERz6Y4Y?steps=48&angle=135): linear gradient, `#8dd1dc` `#8cd4df` `#8cd9e4` `#8bdfea` `#8be6f0` `#8aeef7` `#89f5fd` `#94f9ff` `#a2fbff` `#a7fcff` `#a1fdff` `#8bfcff` `#6df7fc` `#65eaf0` `#5cd8e0` `#53c3cc` `#49abb6` `#3f939e` `#347b86` `#2a646f` `#204f5a` `#163e48` `#0c303a` `#032631` `#00202c` `#001d2a` `#001b2a` `#001c2e` `#001e35` `#00213f` `#00254c` `#00285c` `#002a71` `#00298a` `#0124a4` `#022aae` `#0037aa` `#0045a2` `#00509d` `#005b9b` `#00659b` `#006e9b` `#00789c` `#00819e` `#00899f` `#0090a0` `#0096a1` `#0c9aa1`
18. [Deep blue black rings](https://grabient.com/kYL128OZ26i8YP6KE8WWyU_B0Uvu?style=radialGradient&steps=56&angle=0): radial gradient, `#00004a` `#00103f` `#001841` `#002146` `#00294c` `#003354` `#003c5b` `#004662` `#004e69` `#00566e` `#005c72` `#026075` `#0c6274` `#116373` `#146372` `#156270` `#14606d` `#125d6a` `#0f5a66` `#0b5663` `#07525f` `#034d5a` `#004856` `#004150` `#003848` `#002e3e` `#002333` `#001828` `#000f1d` `#000714` `#00030d` `#00010b` `#00000e` `#000010` `#000217` `#030925` `#0c1737` `#1a294e` `#2b3e68` `#3d5484` `#4f6b9f` `#5f80b8` `#6c92cd` `#769fdc` `#7aa6e3` `#78a5e1` `#719ed8` `#6792c9` `#5983b6` `#4a72a0` `#3b6089` `#2c4f73` `#1e3e5f` `#12304d` `#08253f` `#031e35`
19. [Teal and black](https://grabient.com/kSvFB1mQ5HlgnuK?steps=64&angle=225): linear gradient, `#5ec19a` `#5bbe99` `#56ba97` `#52b595` `#4cb093` `#47ab90` `#41a48e` `#3b9e8a` `#359787` `#2f9083` `#29897f` `#24817a` `#1f7a76` `#1a7271` `#156a6b` `#116366` `#0e5b60` `#0b545b` `#084d55` `#06464f` `#05404a` `#043a44` `#03343f` `#022f3a` `#022a36` `#022632` `#01232e` `#011f2b` `#011d28` `#011b26` `#001924` `#001823` `#001823` `#001924` `#001a25` `#001b27` `#001e29` `#00202c` `#00242f` `#002733` `#002b37` `#00303b` `#003540` `#003b45` `#00404a` `#00474f` `#014d55` `#02545a` `#045a5f` `#066164` `#0b6969` `#0f706e` `#147772` `#1a7e77` `#1f847b` `#258b7e` `#2a9181` `#309784` `#359d87` `#3ba289` `#3fa78b` `#44ab8d` `#48af8f` `#4bb290`
20. [Deep blue teal rings](https://grabient.com/kUUTux0ik9ZCDRJyOjPg?style=radialGradient&steps=32&angle=0): radial gradient, `#08345a` `#0a3a61` `#0d446c` `#10507a` `#135e89` `#166d98` `#1a7ba7` `#1e88b4` `#2293be` `#279ac4` `#2b9bc5` `#3096bf` `#3489b1` `#35769d` `#336083` `#2d4967` `#24344b` `#1a2232` `#10141e` `#090b10` `#06070a` `#07080c` `#0c1017` `#131e2a` `#1b3344` `#1f4e62` `#1a6e81` `#0a909b` `#00b3af` `#1cd3bc` `#3eecc3` `#58fec5`
21. [Teal deep blue blue rings](https://grabient.com/kYw0aJMZlFjUauakH0kc7O3OSxRA?style=radialGradient&steps=48&angle=0): radial gradient, `#5fc7c4` `#58bebf` `#4fb1b8` `#45a2af` `#3c91a4` `#358097` `#2f6f8a` `#29617d` `#245472` `#1f4c69` `#1a4763` `#14465f` `#0d475d` `#044a5b` `#004d5a` `#005158` `#005557` `#015855` `#025954` `#005853` `#005452` `#004d50` `#00444d` `#003b4a` `#003248` `#002b48` `#03254b` `#0c234c` `#132552` `#182e5d` `#1c3e70` `#1e5487` `#1b6fa0` `#118eb8` `#07adcd` `#15cade` `#2de4ea` `#42f7f3` `#6dfff7` `#8efff8` `#87fffb` `#6dfdff` `#67f5ff` `#59ecff` `#4ae2ff` `#3cd9ff` `#3ad1fe` `#3dccfc`
22. [Vivid navy, cyan, blue and light blue](https://grabient.com/kUP2S78by1LMsSlrsbng?style=radialGradient&steps=64&angle=0): radial gradient, `#001361` `#001f5d` `#00285f` `#003163` `#003b6a` `#004671` `#00527a` `#005f84` `#006d8e` `#007b97` `#0089a1` `#0098aa` `#00a7b3` `#00b5ba` `#00c3c1` `#00d0c6` `#00dcca` `#00e7cc` `#00f1ce` `#00f8cf` `#1bfdd0` `#27ffd1` `#27ffd2` `#1afdd3` `#00f8d4` `#00f0d5` `#00e7d4` `#00ddd3` `#00d1d0` `#00c5cc` `#00b8c7` `#00aac1` `#009dba` `#0090b3` `#0083ad` `#0077a6` `#006ca1` `#00629c` `#015899` `#105093` `#174b8e` `#1b478a` `#1e4588` `#204588` `#21478a` `#224a8d` `#234f92` `#245598` `#245c9e` `#2464a5` `#246dad` `#2377b5` `#2181bd` `#208bc5` `#1f96ce` `#1ea1d5` `#1eacdc` `#1fb6e3` `#21c0e9` `#25caef` `#2ad2f3` `#2ed9f7` `#33e0fb` `#37e4fd`
23. [Blue deep blue rings](https://grabient.com/kWk0i6baW2d6qReeEL8n45EQ?style=radialGradient&steps=40&angle=0): radial gradient, `#597ab5` `#5781ba` `#548dc1` `#519ac8` `#50a9ce` `#52b8d2` `#59c6d4` `#64d3d5` `#70ddd5` `#79e5d5` `#7ee9d6` `#7debd9` `#78ecde` `#71eae4` `#68e8eb` `#60e3f0` `#5bdcf5` `#59d3f6` `#58c9f4` `#56beed` `#52b2e2` `#4aa4d2` `#3f93bd` `#3280a5` `#256d8c` `#195b74` `#0d4a5e` `#053a4b` `#012e3c` `#002431` `#001e2a` `#011b26` `#021925` `#041926` `#071a28` `#0b1b2b` `#0f1d2e` `#121f31` `#152033` `#172134`
24. [Blue teal deep blue gradient](https://grabient.com/kSc2vAcra0ihISo?steps=48&angle=45): linear gradient, `#384ca7` `#3551aa` `#3257af` `#2e5eb4` `#2766ba` `#1d6fc0` `#0a79c5` `#0083c8` `#008eca` `#0098cc` `#00a3d0` `#00aed3` `#00b8d6` `#00c3d9` `#00cddc` `#00d6dd` `#00e0de` `#00e8df` `#24efde` `#38f4dd` `#45f9db` `#4efcda` `#53fed9` `#54ffd7` `#51fed6` `#49fcd5` `#3bf8d4` `#20f3d2` `#00ecd1` `#00e3d0` `#00d9cd` `#00ceca` `#00c3c6` `#00b7c1` `#00abbb` `#009fb4` `#0093ae` `#0087a7` `#007b9f` `#006f98` `#006491` `#005a8b` `#005085` `#004781` `#003e7e` `#00357d` `#002c7f` `#001f87`
25. [Blue pale teal black gradient](https://grabient.com/kSvVSldyO7hWMQ8?steps=40&angle=225): linear gradient, `#54b9e8` `#55bbea` `#57bfec` `#5ac3ee` `#5dc9f1` `#60cff4` `#64d5f8` `#69dcfb` `#6ee2ff` `#7de8ff` `#8dedff` `#9bf1ff` `#a8f5ff` `#b3f8ff` `#bdfbff` `#c3fcff` `#c5feff` `#c1ffff` `#b8ffff` `#a6fffe` `#95fcfb` `#90f4f4` `#8aebeb` `#83dfe1` `#7ad2d5` `#71c4c8` `#67b5ba` `#5ca5ac` `#52959d` `#47858e` `#3c757f` `#326570` `#295762` `#1f4954` `#173c47` `#0f313b` `#082731` `#041e28` `#011720` `#00121a`
26. [Bright cyan royal blue fade](https://grabient.com/kWdp-8PDo-8MvvpNND-1zM_Q?steps=6&angle=0): linear gradient, `#1645d1` `#0354b7` `#0067ad` `#037abb` `#0a90d5` `#23a5e5`
27. [Blue green horizontal glow](https://grabient.com/kWiWqwzCq9lYquzeObz4Ma-w?steps=5): linear gradient, `#0072be` `#008cb6` `#05aea5` `#11c98d` `#07d372`
28. [Cyan cobalt vertical fade](https://grabient.com/kWZYW7RUG_FQ5Pnasj5Viq-w?steps=6&angle=0): linear gradient, `#0839a7` `#0662cd` `#048ae5` `#0ea7ec` `#17b1e2` `#1fa8c9`

## Other forms

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