# Coastal gradients

Sea blues, weathered sand, pale foam and sheltered greens trace the changing colors of a coast.

- Page: https://grabient.com/coastal-gradients
- Palettes: 24
- Tags: coastal, gradients, blue, teal, sand, calm, backgrounds
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Brown, gray, teal and navy](https://grabient.com/kamzkm1gtFdWRyrLHcJuB9B6KaQgOlEGg?steps=32): linear gradient, `#a87655` `#a67c5a` `#a48463` `#a18c6f` `#9e937a` `#9c9882` `#989b87` `#929e8a` `#8aa08f` `#80a196` `#76a19c` `#6e9fa0` `#649ca1` `#5998a0` `#4c939e` `#3f8d9c` `#348698` `#297e93` `#1f758d` `#156b86` `#0b617e` `#045876` `#014e6d` `#004463` `#003a5a` `#013050` `#002746` `#001e3c` `#001531` `#000c27` `#00061f` `#000319`
2. [Complementary brown, gray and blue](https://grabient.com/kYaEQe0aNBOaTwrokcrWJ3Dz-Uw0?steps=32&angle=315): linear gradient, `#73361c` `#7b3d22` `#864729` `#935332` `#a1603c` `#ae6d47` `#b97a51` `#c1855b` `#c79168` `#cd9c76` `#d1a783` `#d3b18e` `#d4b997` `#d3c09d` `#cec6a3` `#c7cca9` `#becfb0` `#b5d1b7` `#acd1bd` `#a4cfc0` `#9acbc1` `#8dc7bf` `#7fc1bd` `#70bbb9` `#62b3b6` `#58abb2` `#50a0ab` `#4b94a3` `#478798` `#447b8e` `#427084` `#40697d`
3. [Peach, sage and turquoise coastal palette](https://grabient.com/kUxjMnbRJDeqZzFQM0VA?steps=32&angle=135): linear gradient, `#dbac8d` `#dcae8e` `#ddb191` `#deb495` `#dfb899` `#e0bc9d` `#e1c0a1` `#e2c4a5` `#e2c8a8` `#e2cbaa` `#e0ceac` `#ded0ad` `#dad3ae` `#d5d6af` `#cfd8b2` `#c8dbb6` `#bfddbb` `#b6dec1` `#addec7` `#a3ddcc` `#9adbd1` `#91d8d4` `#85d4d6` `#78ced7` `#69c7d7` `#59bfd6` `#48b7d5` `#36afd4` `#21a7d3` `#01a0d2` `#0099cf` `#0094cd`
4. [Navy, teal, green and peach](https://grabient.com/kYVjyxQJ-7NcpvVlKT56JQ7-KZNC?steps=32&angle=135): linear gradient, `#0c3a60` `#083f64` `#034869` `#00516e` `#005c74` `#006779` `#02717f` `#067b85` `#08858b` `#088f92` `#0a9a98` `#10a49e` `#1aada3` `#26b5a7` `#30bcac` `#39c3b0` `#43c9b4` `#4dceb6` `#5ad2b7` `#68d5b6` `#78d6b5` `#88d6b4` `#96d5b3` `#a2d3b2` `#acd0b0` `#b4ceac` `#bccaa4` `#c5c49a` `#cebc93` `#d6b490` `#dbac91` `#dda895`
5. [Bronze and teal color palette](https://grabient.com/kUZjo8w6THtGrxVgoMLg?steps=32): linear gradient, `#5c4404` `#5c4705` `#5c4b07` `#5b500b` `#595611` `#575c19` `#546322` `#4f692c` `#4a7036` `#447640` `#3d7b4a` `#367f53` `#2e845b` `#248864` `#158c6d` `#009075` `#00937e` `#009686` `#00998e` `#009c96` `#009f9d` `#00a2a5` `#00a5ad` `#00a9b5` `#1badbc` `#30b0c2` `#3fb3c8` `#4cb6cc` `#56b8d1` `#5fbbd4` `#66bdd7` `#6bbed9`
6. [Cool blue to light blue](https://grabient.com/kUY264yS29t-kPBnFz4g?steps=32&angle=135): linear gradient, `#023e94` `#014296` `#004799` `#004d9d` `#0054a1` `#015ba6` `#0462aa` `#0869ae` `#0d70b3` `#1278b6` `#167eba` `#1a85bd` `#1e8cc0` `#2293c3` `#269ac5` `#2ca1c8` `#32a7ca` `#39aecb` `#41b4cd` `#49b9ce` `#51becf` `#58c1cf` `#60c4cf` `#67c7cf` `#6ec9cf` `#75cace` `#7bccce` `#81cccd` `#86cdcd` `#8acecd` `#8ececc` `#91cfcc`
7. [Monochrome white, light blue and gray](https://grabient.com/kU_gGD-ZHCmsTv5gjT3g?style=radialGradient&steps=32&angle=180): radial 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`
8. [Monochrome white to brown](https://grabient.com/kS_hdIYpY7UGgvY?steps=32&angle=135): linear gradient, `#ffffff` `#fffdef` `#fffae0` `#fcf6db` `#faf2d6` `#f7edd0` `#f4e7ca` `#f0e2c4` `#eddcbd` `#ead6b6` `#e6d0b0` `#e3c9a9` `#dfc3a3` `#dcbd9d` `#d8b797` `#d5b191` `#d1ab8c` `#cda586` `#c99f80` `#c4987a` `#c09274` `#bb8b6d` `#b68467` `#b17e61` `#ac775b` `#a87155` `#a36b50` `#9f664b` `#9b6147` `#985c43` `#955840` `#93553d`
9. [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`
10. [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`
11. [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`
12. [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`
13. [Teal and powder blue coastal palette](https://grabient.com/kUdDl63KrCuKcw9vEEJg?steps=32&angle=45): linear gradient, `#1a6552` `#1a6a58` `#1a715f` `#1b7a69` `#1a8473` `#1a8e7f` `#19998c` `#19a499` `#1bada6` `#1fb5b1` `#25bcbc` `#2dc0c4` `#36c3ca` `#40c4d0` `#49c4d4` `#53c4d7` `#5cc3d9` `#64c1da` `#6cc0db` `#73c0dc` `#7bc0dd` `#81c1df` `#89c2e1` `#90c5e3` `#98c7e5` `#9fcae8` `#a6cdea` `#add0ec` `#b3d2ee` `#b8d5f0` `#bdd7f1` `#c0d9f2`
14. [Driftwood To Tidal Cyan](https://grabient.com/kSMSApvqa-mSuUa?steps=32): linear gradient, `#230f01` `#261001` `#2b1302` `#301503` `#361804` `#3d1b06` `#441f0a` `#4c220e` `#542612` `#5d2a17` `#652f1c` `#6e3320` `#773823` `#7f3d26` `#874228` `#8e4827` `#944f25` `#995621` `#9c5f1b` `#9e6a14` `#9e7512` `#9a811a` `#948e29` `#8a9a3d` `#7ea652` `#6fb169` `#5fba7f` `#4ec295` `#3fc8aa` `#34cdbc` `#2ed1cb` `#2ed4d7`
15. [Coral Tide Diagonal](https://grabient.com/kW6jA4YLg88usP83GNEIpG9Y?steps=32&angle=30): linear gradient, `#fde1b4` `#fddbaa` `#fed39c` `#ffc98c` `#ffbe7d` `#ffb26e` `#ffa65e` `#fe9a4e` `#fa9046` `#f58843` `#ee8044` `#e67947` `#dd7349` `#d36e48` `#c86a43` `#bc6839` `#af6729` `#9c6a17` `#836e14` `#657028` `#46703f` `#2a6c50` `#18655b` `#135e5e` `#13565b` `#114f54` `#0d484c` `#094243` `#053c39` `#043631` `#03322a` `#032e26`
16. [Amber Dusk Tidepool Glow](https://grabient.com/kS8B03yTU8BqOqu?style=radialGradient&steps=32&angle=0): radial gradient, `#fcead0` `#f9e5c8` `#f6dfbf` `#f3d8b3` `#efd1a7` `#ebc899` `#e7bf8a` `#e3b67a` `#deac6a` `#daa15a` `#d5964a` `#d18b3a` `#cd7f2b` `#c8731f` `#c46819` `#bf5c1c` `#b95225` `#b24732` `#a83e3f` `#9b374b` `#8c3256` `#7b2f5e` `#692e62` `#572d64` `#452c61` `#342a5b` `#252952` `#182748` `#0d243e` `#052134` `#021e2c` `#001b26`
17. [Soft orange muted gold teal rings](https://grabient.com/kUaEQebRJEzogQ5qk8qA?style=radialGradient&steps=40&angle=0): radial gradient, `#73361d` `#793e23` `#81472b` `#8a5435` `#956242` `#a07150` `#ac805f` `#b7906e` `#c2a07d` `#ccae8b` `#d5ba98` `#dbc4a2` `#dfcba9` `#e0ceac` `#ddcdaa` `#d7c8a3` `#cebf99` `#c2b48b` `#b5a77b` `#a69a6b` `#988c59` `#897f49` `#7c7339` `#70692c` `#656121` `#5d5d1a` `#575c1a` `#535f20` `#51652b` `#506d39` `#517749` `#54835b` `#5a8f6f` `#629b82` `#6ca896` `#78b3a8` `#84beb8` `#90c8c7` `#9acfd2` `#a1d5da`
18. [Soft deep orange pale teal teal gradient](https://grabient.com/kSZjo8_QdNN4oPC?steps=64&angle=225): linear gradient, `#5c4404` `#5d470b` `#5f4c12` `#615019` `#635520` `#665b28` `#686130` `#6b6838` `#6e6f41` `#71764a` `#757d54` `#79845e` `#7d8c68` `#829473` `#879b7d` `#8da388` `#93aa92` `#99b29c` `#a0b9a7` `#a7c0b0` `#aec7ba` `#b6cec3` `#bdd4cb` `#c4dbd3` `#cbe0db` `#d1e6e1` `#d7ebe8` `#dcf0ed` `#e1f4f2` `#e5f8f7` `#e9fbfa` `#ebfdfd` `#edffff` `#f3ffff` `#f5ffff` `#f5ffff` `#f4ffff` `#f0feff` `#eafeff` `#e3feff` `#dbfdfe` `#d6fcfc` `#d1faf9` `#cbf7f6` `#c5f5f3` `#bff2ef` `#b8efeb` `#b1ece6` `#aae9e1` `#a4e6dc` `#9de3d7` `#96dfd2` `#90dccc` `#89d9c7` `#83d6c1` `#7dd3bc` `#78d0b6` `#73cdb1` `#6ecaac` `#6ac8a7` `#66c6a3` `#63c4a0` `#60c29c` `#5ec19a`
19. [Soft blue green orange rings](https://grabient.com/kUY2-4yh5RXCw0lHtK0A?style=radialGradient&steps=32&angle=0): radial gradient, `#013e95` `#263d96` `#3d3d96` `#523d92` `#653e8a` `#754180` `#844575` `#8f4b69` `#98535f` `#9e5d57` `#a36852` `#a6734e` `#a8824d` `#a79453` `#a0a761` `#94bb79` `#82cd98` `#70dcb8` `#60e7d6` `#57eeed` `#51f2fb` `#4af3fe` `#3ff1f1` `#3bebd7` `#4fe0b1` `#70d083` `#8fba51` `#a7a117` `#b48900` `#b97200` `#bc5e0e` `#b95225`
20. [Analogous teal and light blue](https://grabient.com/kUg0CS67HAmmVQ2ulTtA?style=radialGradient&steps=64&angle=0): radial gradient, `#007681` `#017984` `#017c88` `#01808c` `#018591` `#008a97` `#00909d` `#0096a4` `#009cab` `#00a3b2` `#00a9b9` `#00b0c1` `#00b7c8` `#03bdd0` `#08c4d7` `#0ecade` `#15d0e5` `#1cd5ec` `#23daf2` `#2adef7` `#32e1fb` `#3be4ff` `#54e4ff` `#67e5ff` `#76e5ff` `#82e5ff` `#8ce6ff` `#95e5ff` `#9ce5ff` `#a1e5ff` `#a6e5ff` `#a9e4ff` `#ace3ff` `#ade3ff` `#aee1ff` `#ade0ff` `#acdfff` `#aaddff` `#a9dafd` `#aad7f8` `#aad4f4` `#a9d1ef` `#a7cdea` `#a3c9e5` `#9fc4df` `#99bed8` `#93b8d0` `#8cb1c8` `#84aac0` `#7ba2b7` `#739bae` `#6a93a5` `#608b9b` `#578392` `#4e7b89` `#457480` `#3c6c78` `#34666f` `#2c5f68` `#245961` `#1d545a` `#164f54` `#104b50` `#0b484c`
21. [Weathered sand beside sheltered teal](https://grabient.com/kSMSAp26vBL-U0w?steps=48&angle=45): linear gradient, `#230f01` `#261101` `#2b1402` `#311804` `#371d06` `#3f2109` `#47270d` `#502d11` `#593316` `#63391b` `#6d4020` `#784725` `#834e2a` `#8d552f` `#985d34` `#a26439` `#ac6b3d` `#b57241` `#be7845` `#c57f47` `#cc8549` `#d08a4a` `#d48f4a` `#d5944a` `#d59849` `#d29b47` `#cd9e46` `#c7a146` `#bea347` `#b4a54a` `#a8a54e` `#9ca653` `#8ea55a` `#80a460` `#72a167` `#659e6e` `#589a74` `#4e9679` `#45917d` `#3f8c80` `#3b8682` `#398183` `#397c83` `#3a7782` `#3b7381` `#3d6f80` `#3f6c7f` `#40697e`
22. [Muted sand teal passage](https://grabient.com/kaXzWovxw8kuYvnVFDlWp66tsfPZVE7uA?angle=270): linear gradient, `#0f4662` `#1b6e79` `#498b8b` `#849e7d` `#b2a264` `#c39c65` `#b38a7d`
23. [Peach aqua navy glow](https://grabient.com/kasjgn4YtFmCRSrWHkIxCDBy6cQSeEMMg): linear gradient, `#c49270` `#b7b59f` `#8fbbba` `#54a5b6` `#287797` `#0a4363` `#151d34`
24. [Peach navy diagonal fade](https://grabient.com/ka3EMqZKI9FOPvhBiLPsJc66OXwIYEcCA?angle=135): linear gradient, `#ffc699` `#f1a592` `#aa8787` `#646775` `#1b4860` `#002c45` `#001528`

## Other forms

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