# Elevation gradients

Deep forest green and navy rise through teal, olive, ochre, and earth brown to mist gray, pale blue, and snowy white.

- Page: https://grabient.com/elevation-gradients
- Palettes: 26
- Tags: elevation, green, blue, earth tones, misty, mountain, topographic
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Deep teal, bronze and off-white elevation palette](https://grabient.com/kaTDZ0uqS8M2oO_InzyNpe8lKDQbygdJA?steps=32): linear gradient, `#003725` `#003e25` `#084725` `#1c5026` `#2e5a25` `#406223` `#506a21` `#627221` `#747a22` `#848024` `#918327` `#9a832b` `#9e8130` `#9f7d35` `#9d7739` `#9a713b` `#956a3c` `#8d5f38` `#825334` `#774830` `#704330` `#6e4536` `#714e43` `#785d54` `#816e68` `#8b807b` `#95908d` `#a2a19f` `#b3b3b1` `#c3c5c3` `#d1d4d4` `#dbdfe0`
2. [Sage, terracotta and stone elevation palette](https://grabient.com/kafyRq0Ze8OMbPFZFDyPRC8tuCVl8gL7A?steps=32&angle=135): linear gradient, `#4f6b54` `#567157` `#5f785a` `#6c815d` `#798961` `#879165` `#949969` `#a3a26f` `#b2aa75` `#bfb17a` `#c9b57f` `#ceb482` `#cfb183` `#ccab83` `#c6a482` `#be9c7f` `#b4917a` `#a68070` `#956e66` `#855e5b` `#795552` `#75564d` `#74624f` `#737563` `#7c8881` `#909999` `#a4a8a9` `#b7b8b9` `#cacbcb` `#dcddde` `#ecedee` `#f7f9f9`
3. [Near-black, bronze and stone elevation palette](https://grabient.com/kcJiRuHBm96Ugu-snT0Mxm87kJQRWhcEeINCQ?style=radialGradient&steps=48&angle=0): radial gradient, `#001005` `#001105` `#001405` `#001704` `#001a03` `#001d02` `#042000` `#0a2200` `#112400` `#182600` `#1e2700` `#242900` `#2a2b00` `#2f2c00` `#342e00` `#382f00` `#3c3100` `#413200` `#453300` `#493400` `#4e3500` `#523600` `#573600` `#5b3707` `#5f380f` `#623915` `#643b1c` `#653d21` `#654027` `#63422c` `#604431` `#5e4736` `#5c4a3c` `#5d4f43` `#61554a` `#675d53` `#70665d` `#7a7168` `#857c73` `#90887f` `#9b948b` `#a7a098` `#b4aea6` `#c1bdb5` `#cfccc5` `#dcdad3` `#e8e5df` `#f0eee8`
4. [Near-black and ochre elevation palette](https://grabient.com/kaODOAMKS88SruhVJLy4h09O0JQb7A0Lg?steps=64&angle=180): linear gradient, `#00211b` `#00231d` `#00261f` `#002a22` `#002f24` `#003327` `#003929` `#003e2b` `#00442d` `#00492d` `#004e2c` `#005429` `#125826` `#215b23` `#2e5f1f` `#3a6219` `#466511` `#516806` `#5d6a00` `#676d00` `#706f00` `#797100` `#817400` `#897600` `#907907` `#967b14` `#9c7e1f` `#a18128` `#a68330` `#ab8637` `#b0893e` `#b58b45` `#ba8e4b` `#be9051` `#c39357` `#c8955d` `#cc9763` `#d09968` `#d49c6e` `#d79e74` `#daa179` `#dca47f` `#dea784` `#dfab8a` `#dfaf8f` `#dfb295` `#deb69a` `#ddbaa0` `#dcbea6` `#dbc1ac` `#dbc5b2` `#dbc9b7` `#dbccbd` `#dcd0c2` `#ded4c7` `#e0d8cd` `#e3dcd2` `#e6e0d7` `#e9e5dc` `#ece9e0` `#efece5` `#f2f0e9` `#f4f2ec` `#f6f5ee`
5. [Near-black, ochre and stone elevation palette](https://grabient.com/kcHiy5WSC5bWkuXWq7oTqC9TadPLjBMJfIHCQ?style=angularGradient&steps=64): angular gradient, `#000419` `#000c26` `#011c39` `#08304e` `#174866` `#26627e` `#357b95` `#4292a7` `#4ca4b4` `#51afb9` `#4fb1b5` `#48acaa` `#3ca299` `#2e9485` `#20856f` `#13765a` `#0b6a48` `#0e6039` `#185c2e` `#255d28` `#346224` `#456a23` `#587323` `#6b7d25` `#7e8729` `#90902e` `#9f9733` `#a99a36` `#b09b39` `#b39a3c` `#b5983f` `#b49541` `#b29243` `#ae8d44` `#aa8945` `#a78444` `#a37f43` `#9f7840` `#99703b` `#916634` `#8a5b2d` `#825226` `#7b4921` `#76431f` `#724020` `#724224` `#75472c` `#7a5137` `#825d46` `#8b6c56` `#957c69` `#9f8c7c` `#aa9c8f` `#b4aaa1` `#bcb6af` `#c4c0bb` `#ccc9c5` `#d4d2cf` `#dcdad8` `#e3e2df` `#eae9e6` `#f0efec` `#f5f4f1` `#f9f8f5`
6. [Gray and blue elevation palette](https://grabient.com/kYnh5rSYpHFEQQ5jir9cwU_XwBv4?steps=32): linear gradient, `#758e7a` `#728d7c` `#6e8a7e` `#6b867f` `#688380` `#678081` `#687f83` `#687f85` `#68818a` `#69838f` `#6b8695` `#6e899c` `#728ea2` `#7893a8` `#7f99ae` `#87a0b4` `#90a8ba` `#9ab0c0` `#a3b8c6` `#abbfcb` `#b3c5d0` `#bbccd6` `#c3d2db` `#cbd8e0` `#d2dee4` `#d8e3e8` `#dee7ec` `#e4ecef` `#e9eff3` `#eef3f5` `#f2f6f8` `#f4f8f9`
7. [Navy, teal and champagne elevation palette](https://grabient.com/kYQju3uSO-NElOvKG7pyJI1fkDwc?steps=32): linear gradient, `#07224a` `#082851` `#0c2f59` `#103864` `#134270` `#164d7b` `#165885` `#14638e` `#116f97` `#0d7c9e` `#0c89a4` `#1294a7` `#1c9ca6` `#269fa2` `#309f99` `#389b8f` `#3f9684` `#479078` `#4f8b6d` `#5a8763` `#658157` `#70794c` `#787246` `#7f6e48` `#866e4f` `#8e745c` `#9b836e` `#ac9886` `#c0b1a2` `#d4cabe` `#e6e0d7` `#f3efe8`
8. [Blue elevation palette](https://grabient.com/kUSCqysg6_PCKPv1hb3A?style=radialGradient&steps=32&angle=0): radial gradient, `#112b45` `#132c46` `#142d46` `#162e47` `#183047` `#1a3148` `#1d3449` `#20364b` `#253a4e` `#2a3f52` `#314658` `#3a4e60` `#455a6b` `#536778` `#627787` `#738898` `#8599a9` `#96abba` `#a7bbca` `#b6cad8` `#c2d6e4` `#ccdfec` `#d3e6f1` `#d7eaf4` `#daecf6` `#dcedf6` `#dcedf4` `#dcecf3` `#dcebf1` `#dbeaef` `#dbe9ed` `#dce9ed`
9. [Bronze and ochre elevation palette](https://grabient.com/kUbSgj0ydDOMWwP8gb_g?steps=32&angle=135): linear gradient, `#684734` `#6d4a35` `#744e35` `#7c5336` `#855936` `#8e6036` `#976835` `#9f6f35` `#a77736` `#ae7e37` `#b3853b` `#b78b3f` `#ba9045` `#bc954c` `#be9953` `#bf9d5b` `#c0a163` `#c1a56b` `#c3a973` `#c5ad7c` `#c7b284` `#cab78d` `#cebd97` `#d3c4a2` `#d9cbae` `#ded3ba` `#e4dac6` `#e9e2d2` `#eee9dd` `#f3efe7` `#f7f4ef` `#faf8f5`
10. [Tan, bronze and pale blue elevation palette](https://grabient.com/kUWRIktpQ_1MnQz1hdCA?style=radialGradient&steps=32&angle=0): radial gradient, `#45372f` `#47382f` `#49392f` `#4c392f` `#4e3a30` `#513b30` `#543d30` `#583e31` `#5c4031` `#614332` `#664633` `#6c4934` `#744d35` `#7c5136` `#855536` `#8e5a36` `#986036` `#a16636` `#a96e36` `#af7636` `#b38038` `#b48b3e` `#b2994b` `#ada75f` `#a6b577` `#a2c293` `#a3cdad` `#aad5c4` `#b7dcd5` `#c5e1e1` `#d2e5e9` `#dce9ed`
11. [Blue and deep teal elevation palette](https://grabient.com/kUZB2uKZG3D4ZQn1hcMA?steps=32&angle=45): linear gradient, `#34495a` `#304858` `#2c4755` `#274551` `#22434c` `#1d4146` `#193f41` `#163e3b` `#153c36` `#163c33` `#173c31` `#183e31` `#184032` `#174234` `#164637` `#144a3c` `#124e42` `#115449` `#135951` `#176059` `#206763` `#2b6f6c` `#397978` `#4b8586` `#5e9294` `#73a0a4` `#88aeb3` `#9dbdc2` `#b0cad0` `#c2d7dc` `#d1e1e5` `#dce9ed`
12. [Deep teal, sage and pale blue elevation](https://grabient.com/kUUyN5PhlCdqYN1wik3g?style=radialGradient&steps=48&angle=0): radial gradient, `#173d31` `#173e33` `#174035` `#174238` `#17453b` `#17473e` `#174a42` `#174d47` `#17514b` `#18544f` `#195754` `#1a5b58` `#1c5f5d` `#1e6261` `#216664` `#246a68` `#286e6a` `#2c726c` `#32766d` `#397a6d` `#407e6c` `#49836b` `#53876a` `#5d8a69` `#678e68` `#719268` `#7b9568` `#84986a` `#8c9c6c` `#939f6f` `#99a373` `#9da778` `#a0ab7d` `#a1b084` `#a1b58c` `#a1ba95` `#a1bf9f` `#a1c4a9` `#a2c8b3` `#a3ccbd` `#a7cfc7` `#abd2cf` `#b0d4d6` `#b6d6dc` `#bbd8e1` `#c1dae5` `#c5dbe8` `#c9ddea`
13. [Pale gray near-black gradient](https://grabient.com/kSTC51coHFxONuO?steps=32&angle=45): linear gradient, `#003725` `#093d2d` `#164637` `#245144` `#345d53` `#456b63` `#577a75` `#6a8986` `#7e9998` `#91a8a8` `#a4b6b8` `#b5c3c5` `#c3cfd0` `#cfd7d9` `#d7dddf` `#dbdfe0` `#dadedf` `#d4d8d9` `#cacecf` `#bcc2c2` `#acb3b3` `#99a2a2` `#859090` `#707e7d` `#5c6c69` `#485a56` `#364943` `#263932` `#172c23` `#0b2016` `#03170c` `#001005`
14. [Deep green green rings](https://grabient.com/kUfyRqqBe5lchy5GmDbg?style=radialGradient&steps=40&angle=0): radial gradient, `#4f6b54` `#4e6950` `#4c644a` `#495f42` `#47583a` `#455231` `#434b28` `#40441f` `#3e3e17` `#3d3810` `#3b3409` `#3b3104` `#3b3001` `#3b3100` `#3d3501` `#3f3b06` `#424410` `#434f1d` `#445b2c` `#43683d` `#417550` `#3e8263` `#3d8e77` `#3e9889` `#40a199` `#44a8a4` `#48acab` `#4baeac` `#4daea9` `#4faca3` `#52a99b` `#56a590` `#5ba084` `#5f9a78` `#64936d` `#688c63` `#6b865a` `#6d8053` `#6e7c4e` `#6f794b`
15. [Pale gray deep orange rings](https://grabient.com/kYOB5-3oYyk-Pv8siT6cIorNAGLE?style=radialGradient&steps=56&angle=0): radial gradient, `#00211b` `#09281f` `#193226` `#2b3e30` `#3e4c3c` `#535b4a` `#686b5a` `#7c7b6b` `#8f8a7d` `#9f988c` `#aba399` `#b4aaa1` `#b9aea6` `#bcb0a7` `#bdafa5` `#bcaca1` `#baa89b` `#b6a294` `#b19c8c` `#ac9683` `#a68f7b` `#a08974` `#9b836d` `#947c67` `#8b745f` `#7f6a56` `#73604d` `#675644` `#5c4d3c` `#524435` `#4b3d2f` `#46392c` `#44362c` `#45372f` `#4c3c36` `#574542` `#655353` `#756368` `#87767f` `#988a98` `#a79fb1` `#b4b3c7` `#bfc5d9` `#c6d4e5` `#c9ddea` `#c9e0e8` `#c6dee1` `#c1d9d5` `#bcd0c8` `#b6c5b9` `#b0b9ab` `#a8ac9e` `#a1a093` `#9a9589` `#948d83` `#90887f`
16. [Pale gray muted blue gradient](https://grabient.com/kSHia5tCK-fyBq8?steps=64&angle=225): linear gradient, `#000419` `#00041a` `#00051c` `#00061e` `#000720` `#010822` `#010924` `#010a26` `#020c29` `#020d2c` `#030e2f` `#041031` `#051235` `#061338` `#07153b` `#08173e` `#0a1942` `#0c1b45` `#0d1e49` `#0f204d` `#112351` `#122554` `#142858` `#152b5c` `#162f60` `#173264` `#173668` `#18396b` `#183d6f` `#184273` `#174676` `#174b79` `#164f7c` `#15557f` `#145a82` `#156084` `#176686` `#1b6d88` `#21738a` `#297a8b` `#32818d` `#3c878e` `#478e8f` `#529490` `#5e9a91` `#6aa093` `#76a695` `#82ac98` `#8eb19b` `#9ab79f` `#a5bca4` `#b0c1aa` `#bac7b0` `#c3ccb6` `#ccd1bd` `#d4d6c4` `#dbdbcb` `#e1e0d2` `#e7e4d9` `#ece9e0` `#f0ede6` `#f4f1ec` `#f7f5f1` `#faf8f5`
17. [Gray, light blue, teal and tan](https://grabient.com/kUnh5r8YpKL6ZOliHa_A?style=radialGradient&steps=32&angle=0): radial gradient, `#758e7a` `#799482` `#7f9c8e` `#88a79d` `#93b2ad` `#9fbdbd` `#acc8cc` `#b9d2d9` `#c3d9e3` `#cadeea` `#cce0ec` `#c9dceb` `#bfd4e4` `#b0c8d9` `#9ebacb` `#89aabb` `#739bab` `#5e8c9a` `#4a7f8a` `#39757c` `#2c6f70` `#286d67` `#2d7061` `#3b755b` `#507b56` `#688353` `#818a53` `#9a9258` `#b19861` `#c59f6d` `#d4a479` `#dea784`
18. [Orange deep blue gradient](https://grabient.com/kSuEA7sg5S0ceKw?steps=56&angle=135): linear gradient, `#c0a164` `#bba162` `#b5a061` `#ae9f60` `#a69d5f` `#9d9b5f` `#939a60` `#889762` `#7e9463` `#739166` `#698e68` `#5f8a6a` `#56856c` `#4e816e` `#477c6f` `#42776f` `#3e716f` `#3c6c6f` `#3a676d` `#39626b` `#385e69` `#385967` `#375564` `#375262` `#364f5f` `#364c5d` `#354a5b` `#34495a` `#334859` `#324858` `#314858` `#304958` `#2f4a58` `#2d4c59` `#2c4e59` `#2b5059` `#2a5358` `#2a5558` `#2a5857` `#2c5b55` `#2f5e52` `#346150` `#3b634c` `#426549` `#4a6745` `#526941` `#5b6a3d` `#646a3a` `#6c6b37` `#746b36` `#7c6b35` `#836b36` `#886b37` `#8e6b38` `#926b3a` `#956a3c`
19. [Teal, brown, black and navy](https://grabient.com/kWfjGINxauJwPUChHcl1Caq4?steps=32&angle=225): linear gradient, `#2b6e6b` `#306e60` `#3e6b50` `#51663e` `#635f31` `#6e562e` `#734f32` `#714936` `#6c4434` `#633f2c` `#563a21` `#463517` `#343112` `#212c14` `#112717` `#03221a` `#001f1c` `#001c1e` `#001a21` `#001926` `#00182e` `#011838` `#071b3f` `#092048` `#002b52` `#003c54` `#004f58` `#006557` `#3b7848` `#718339` `#998836` `#b48b3f`
20. [Teal near-black rings](https://grabient.com/kYziN5k42-EmKxSvjS3qBfFjaTuq?style=radialGradient&steps=40&angle=0): radial gradient, `#a3ccbd` `#91b8a9` `#789c8d` `#5c7c6c` `#3f5b4b` `#243e2e` `#0f2618` `#031609` `#001005` `#011309` `#061e16` `#162f2a` `#2a4341` `#405959` `#546d6f` `#627b7d` `#688181` `#68807b` `#65796e` `#636f5e` `#60614e` `#5c5341` `#574738` `#523e32` `#4f382e` `#4d3428` `#4a3021` `#472e18` `#442e0f` `#402e07` `#3d2f02` `#3c3000` `#3e3200` `#433404` `#4a370c` `#513a15` `#593e1f` `#5f4128` `#64452f` `#684734`
21. [Deep olive orange gradient](https://grabient.com/kSoi5U1aS66Edqu?steps=48&angle=45): linear gradient, `#879165` `#889265` `#899264` `#8b9364` `#8c9463` `#8e9563` `#909663` `#929762` `#949962` `#969a61` `#989b61` `#9b9c60` `#9d9d5f` `#a09e5e` `#a39f5c` `#a59f5b` `#a89f59` `#ab9e57` `#ae9d55` `#b09c53` `#b39950` `#b5974e` `#b7944c` `#b9904a` `#ba8b49` `#ba8649` `#ba8049` `#b8794b` `#b6724d` `#b26a50` `#ad6354` `#a65c58` `#9f555c` `#964f60` `#8c4a63` `#824566` `#764067` `#6b3c68` `#5f3868` `#543566` `#483264` `#3e2f61` `#332c5e` `#2a2a5a` `#212756` `#182551` `#10244e` `#08224a`
22. [Pale gray orange rings](https://grabient.com/kUPDBe_IG7EMePHNKESA?style=radialGradient&steps=56&angle=0): radial gradient, `#112400` `#182a05` `#21320e` `#2c3b19` `#394525` `#475133` `#565e42` `#666d52` `#777c64` `#888b76` `#999b88` `#a9aa9b` `#b9b9ad` `#c8c8be` `#d6d5cd` `#e2e1db` `#ebebe6` `#f3f2ef` `#f8f7f4` `#fbfaf6` `#fbf9f5` `#f9f6f0` `#f5f1e8` `#efe9df` `#e9e0d3` `#e1d6c6` `#d9cbb9` `#d0bfaa` `#c8b39b` `#bfa68c` `#b69a7d` `#ad8e6f` `#a68362` `#9e7956` `#98704b` `#936842` `#8f623a` `#8d5f34` `#8b5c2f` `#8a5b2b` `#8a5a27` `#8a5b23` `#8a5c20` `#8b5e1e` `#8b611c` `#8c641b` `#8d671a` `#8e6b1a` `#8f6f1c` `#90731d` `#90761f` `#917a22` `#917d24` `#918026` `#918227` `#908428`
23. [Dark green, teal, brown and gray](https://grabient.com/kWY0lsvSe9kolygvjSu0RdIQ?steps=64&angle=135): linear gradient, `#015429` `#065428` `#0d5527` `#145626` `#1a5725` `#215923` `#265a21` `#2c5b1e` `#315c1c` `#365e1a` `#3b5f19` `#3f6118` `#426218` `#446419` `#45661c` `#46681f` `#456b24` `#416e2b` `#3b7134` `#32753f` `#257a4a` `#0e7e57` `#008065` `#008272` `#00847d` `#008687` `#008890` `#008999` `#0089a0` `#008aa4` `#008aa7` `#0789a5` `#0789a1` `#038799` `#03858e` `#10817f` `#217c6f` `#30765e` `#3d6e4e` `#48663f` `#4f5d34` `#54552d` `#564d2a` `#564729` `#55412a` `#533e2c` `#523c2e` `#513b30` `#523c32` `#543e34` `#574137` `#5b4539` `#60493c` `#664f3e` `#6b5541` `#715c44` `#766448` `#7b6b4b` `#7f734f` `#827b54` `#848258` `#86885d` `#878d61` `#889165`
24. [Teal orange rings](https://grabient.com/kYrkOJzQ5Ek-Pq_cIEJvxjMr-SOw?style=radialGradient&steps=32&angle=0): radial gradient, `#48acaa` `#4da7ac` `#55a0ad` `#5f97ab` `#6790a5` `#6b8a9e` `#6c8797` `#6a8790` `#6a8886` `#70887a` `#7e8770` `#8c846b` `#98836c` `#a0846f` `#ab8872` `#b78e73` `#c19572` `#c69c6d` `#c5a167` `#baa261` `#a29f5d` `#81995f` `#5e8e66` `#41816c` `#30756d` `#2a6d6c` `#2b6a68` `#306963` `#386a5e` `#416b5a` `#4a6b57` `#4e6c55`
25. [Muted blue deep green rings](https://grabient.com/kUaEWwwx5Ub6ZTwcDz6A?style=radialGradient&steps=48&angle=0): radial gradient, `#164d7b` `#234c7d` `#304b80` `#3c4b82` `#494a83` `#554982` `#61487f` `#6d487b` `#774874` `#80496c` `#874a63` `#8d4d5a` `#905050` `#925448` `#915940` `#905d39` `#8c6135` `#886532` `#836931` `#7c6c32` `#757036` `#6d733b` `#657541` `#5c7747` `#53784e` `#4b7854` `#43785a` `#3c775f` `#367664` `#317467` `#2d7269` `#296f69` `#276b69` `#246766` `#216262` `#1e5d5e` `#1a5758` `#175151` `#134b4b` `#0f4544` `#0b403d` `#083a36` `#053430` `#032f2a` `#022b25` `#012721` `#00231d` `#00211b`
26. [Muted teal horizontal fade](https://grabient.com/kUZjNOPJbD0qUR3XncNg?steps=13&angle=45): linear gradient, `#4b4b19` `#4a5021` `#4a562b` `#495e37` `#486645` `#466e56` `#477769` `#4c7f7c` `#53868c` `#598e9c` `#5e97ad` `#639ebc` `#67a3c7`

## Other forms

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