# Metallic gradients

Reflective ramps alternate dark metal, midtones and narrow highlights across steel, silver, copper and bronze families.

- Page: https://grabient.com/metallic-gradients
- Palettes: 26
- Tags: metallic, gradients, steel, silver, charcoal, copper, bronze, background
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Near-black and blue metallic palette](https://grabient.com/kWMw-uRg6__YFv_Jjr_nQe_4?steps=32): linear gradient, `#0e171f` `#141e27` `#1b2731` `#24323e` `#2e3f4d` `#3a4d5d` `#475c6d` `#546a7d` `#62788c` `#73899b` `#879bad` `#9dafbf` `#b3c2cf` `#c6d3de` `#d5e0ea` `#dee8f0` `#dfe8f1` `#d7e2eb` `#c9d6e1` `#b7c6d4` `#a3b5c4` `#8ea2b4` `#7a90a3` `#6a8094` `#5c7386` `#4f6476` `#425565` `#364755` `#2b3946` `#222e38` `#1a242d` `#141e26`
2. [Black, gray and dark gray](https://grabient.com/kYRwuscoS_b-LQP8gj6zolA6eFwK?steps=32&angle=120): linear gradient, `#222a30` `#353d43` `#545c62` `#7a8288` `#a1a9af` `#c3cbd0` `#d6dee4` `#d4dde4` `#bfcad3` `#a0adb8` `#7f8e9a` `#647482` `#566675` `#5a6a78` `#6e7d8a` `#8e9ba5` `#b3bdc4` `#d6dde2` `#eff4f7` `#f5f9fc` `#ebf1f4` `#d7dfe4` `#bdc7cf` `#a2aeb8` `#8997a2` `#768491` `#667480` `#57636e` `#49535d` `#3c454e` `#323941` `#2b3138`
3. [Bronze color palette](https://grabient.com/kWOCwiQivA3KWQTIqD5HpY_A?steps=32&angle=120): linear gradient, `#301000` `#381400` `#431a00` `#502100` `#5f2900` `#6f3300` `#813d00` `#914906` `#9f5618` `#ae682d` `#be7d46` `#ce9361` `#dda97b` `#eabd93` `#f4cca7` `#fad6b3` `#fbd7b4` `#f7d0ac` `#f0c39d` `#e5b288` `#d89f72` `#ca8a5c` `#bb7748` `#ad6738` `#9f592c` `#8f4c23` `#7d3f1b` `#6b3414` `#5a290f` `#4b200a` `#3f1906` `#361404`
4. [Near-black, tan and bronze metallic palette](https://grabient.com/kYLiEqyahByYXvrulkIOqS-RmSPq?steps=32&angle=135): linear gradient, `#1f0c00` `#2e1600` `#452703` `#603b0a` `#7b5113` `#92641a` `#9e6f1e` `#9c6d1c` `#8d5f13` `#764b05` `#5e3800` `#4a2a00` `#432400` `#4a2d0b` `#604425` `#806645` `#a58d6a` `#c8b18b` `#e1cba2` `#e9d2a7` `#e1c798` `#d0b17d` `#ba955c` `#a1773a` `#8a5c19` `#784900` `#663c00` `#552f00` `#462500` `#381c00` `#2e1500` `#261000`
5. [Near-black and powder blue metallic palette](https://grabient.com/kaMA2v24k_6YLP_3g7_swy_-WHv-ahr_g?style=angularGradient&steps=32): angular gradient, `#0d141b` `#202830` `#3f4952` `#64707a` `#86929e` `#98a6b3` `#909fad` `#738290` `#4e5d6b` `#2f3e4c` `#212f3c` `#2c3946` `#505c68` `#848e98` `#bac2c9` `#e0e6eb` `#e3e9ef` `#c4cdd5` `#94a0ab` `#647381` `#425362` `#394a5a` `#4a5b6b` `#6a7a89` `#909eac` `#acb9c6` `#b2bec9` `#9ca6b1` `#757f88` `#4b545c` `#272f37` `#111920`
6. [Bronze metallic palette](https://grabient.com/kcMyQnVChB6sZvtzlEJP6Y-SKWPreHUJnBI9A?style=angularGradient&steps=32&angle=120): angular gradient, `#270f00` `#412207` `#6b431a` `#98672e` `#b7823c` `#b9843c` `#9e6b2a` `#774a14` `#583105` `#52300c` `#6c4d2d` `#9b805f` `#ceb694` `#f0dbb5` `#f1dab0` `#dcbd8c` `#bc945a` `#9b6b2a` `#835002` `#683b00` `#502900` `#3f1e00` `#3c1d02` `#4d2e12` `#745330` `#a17f52` `#c1a06c` `#c2a16d` `#a38256` `#755534` `#482c14` `#2c1302`
7. [Black and gray](https://grabient.com/kcIwOyGAQ_x6Ev0nhkCNAY-XWAP5IhMAnwRA4?steps=32&angle=45): linear gradient, `#08090a` `#090a0c` `#0a0d10` `#0d1013` `#0f1317` `#11161a` `#13181d` `#161b1f` `#181d22` `#1b2125` `#1e2429` `#21282e` `#252c32` `#293037` `#2c343b` `#2d363d` `#303940` `#374148` `#485258` `#6c7479` `#9ca1a4` `#cacccd` `#e5e5e5` `#e1e2e2` `#c7cacb` `#a3a9ac` `#80888c` `#676f74` `#4f575c` `#394045` `#282d32` `#1c2125`
8. [Navy, silver and tan color palette](https://grabient.com/kaNha_KQ-_b8Mv5Yhb2dQKwNyUPW3jb5g?steps=32&angle=135): linear gradient, `#131827` `#151b2b` `#192031` `#1d2538` `#222b40` `#273248` `#2e3a50` `#374259` `#404b61` `#4a556a` `#545f73` `#5e6a7c` `#6a7585` `#77808e` `#838c97` `#8f98a1` `#9ca6ac` `#aeb7b8` `#c2c8c7` `#d5d8d5` `#e1e3df` `#e6e5df` `#e3dfd3` `#dbd3bf` `#cfc4a7` `#c1b390` `#b4a37d` `#a4916d` `#907d5d` `#7c6a4f` `#6a5a43` `#5e4f3b`
9. [Gray and powder blue color palette](https://grabient.com/kWegu14Ik__yDP_qjL_xge_4?style=radialGradient&steps=40&angle=180): radial gradient, `#585e66` `#5d636c` `#636a73` `#6a727c` `#727b86` `#7b8490` `#848e9b` `#8e98a6` `#97a2b1` `#a0acbb` `#a9b4c3` `#b2bdcb` `#bcc6d3` `#c6cfdb` `#d0d8e3` `#dae1ea` `#e3e9f0` `#eaeff6` `#f0f4fa` `#f4f8fd` `#f5f9ff` `#f4f9ff` `#f1f7ff` `#ebf3fe` `#e5effb` `#dee9f8` `#d6e3f4` `#cddcef` `#c5d5e9` `#bdcde2` `#b6c6db` `#adbdd1` `#a3b3c6` `#9aa8ba` `#909dae` `#8692a2` `#7d8897` `#757f8c` `#6f7884` `#6a737e`
10. [Burgundy and orange color palette](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g?steps=32&angle=135): linear gradient, `#3a1712` `#411a13` `#4c1d15` `#5a2117` `#68261a` `#762b1c` `#84311f` `#933822` `#a23f25` `#b14729` `#bf512e` `#ca5d33` `#d46a3a` `#dd7843` `#e4864d` `#eb9358` `#f09f63` `#f5ad73` `#f9ba84` `#fbc593` `#fccb9b` `#fcca9b` `#f9c18f` `#f5b27c` `#efa067` `#e88e54` `#dd7d46` `#cf6d3b` `#bd5c31` `#aa4d29` `#9a4023` `#8f371e`
11. [Near-black and blue metallic palette](https://grabient.com/kYLQO8JwbBTsRQJsgj_xBVAioOwA?steps=32&angle=135): linear gradient, `#101113` `#131416` `#16181b` `#1b1d21` `#202228` `#262830` `#2c2e37` `#31333f` `#353847` `#3a3c50` `#3f4259` `#464963` `#50526f` `#5d5f7c` `#72748d` `#8b8da1` `#a5a6b4` `#bcbcc4` `#cbcbd0` `#ceced3` `#c5c6cf` `#b4b5c5` `#9fa0b7` `#8989a7` `#767598` `#68668b` `#5d5a7f` `#524f72` `#484665` `#403e5a` `#393750` `#343249`
12. [Near-black and mustard metallic palette](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG?steps=32): linear gradient, `#211e12` `#272315` `#2e2a18` `#37331d` `#413c21` `#4c4726` `#57512b` `#615b2e` `#6c6531` `#787133` `#847c36` `#8f883b` `#9a9343` `#a49d50` `#afa964` `#b9b57b` `#c3c091` `#cbc9a4` `#d1cfb0` `#d3d2b2` `#d2d1ab` `#cecd9c` `#c8c889` `#bfc074` `#b6b760` `#abae52` `#9ea247` `#8e933e` `#7e8437` `#6f7531` `#63692d` `#5a6029`
13. [Gray to black](https://grabient.com/kUxwmxyAa_jEGv8ehT_g?style=radialGradient&steps=32&angle=135): radial gradient, `#b3b9c0` `#afb5bc` `#a9b0b8` `#a3aab2` `#9ca4ab` `#949da5` `#8d959e` `#858e96` `#7e878f` `#778089` `#707a83` `#6a747d` `#656f78` `#606972` `#5b646d` `#565f68` `#515a63` `#4c555e` `#485159` `#434c55` `#3f4850` `#3b444c` `#373f47` `#333b42` `#2f373e` `#2b3339` `#272f35` `#242b31` `#21272e` `#1e252a` `#1c2228` `#1a2026`
14. [Rose copper and dark umber reflection](https://grabient.com/kUOAwIt5vB9kkwknkb2A?style=angularGradient&steps=80&angle=120): angular gradient, `#221819` `#231819` `#25191a` `#271a1b` `#291b1c` `#2c1c1d` `#2e1d1f` `#311f20` `#342021` `#372122` `#3a2324` `#3d2425` `#412626` `#442728` `#482929` `#4c2a2a` `#4f2c2c` `#532e2d` `#57302e` `#5b3230` `#5f3431` `#623632` `#663834` `#6a3a35` `#6e3c36` `#713e37` `#754039` `#78423a` `#7c453c` `#80473d` `#844a3f` `#894e41` `#8e5143` `#935545` `#975848` `#9c5c4a` `#a1604c` `#a6644f` `#ab6851` `#b06c53` `#b57056` `#b97458` `#bd785a` `#c17b5c` `#c57e5e` `#c88160` `#cb8461` `#ce8663` `#d08864` `#d18a65` `#d28b65` `#d28c66` `#d28c66` `#d18b65` `#cf8a65` `#cd8864` `#ca8662` `#c68360` `#c17f5e` `#bc7b5c` `#b6775a` `#b07357` `#aa6e54` `#a36951` `#9c644e` `#955f4a` `#8e5947` `#875444` `#804f40` `#794a3d` `#724539` `#6b4136` `#653c33` `#5f3830` `#5a342d` `#55312a` `#502e28` `#4c2b26` `#492924` `#462722`
15. [Chrome bronze concentric shine](https://grabient.com/kYLh8qZQerc8EPeglNL6pfJHWF0K?style=radialGradient&steps=56&angle=0): radial gradient, `#1f0c00` `#291307` `#361e18` `#462c2c` `#563e44` `#67525e` `#766778` `#857d90` `#9393a5` `#9fa5b5` `#aab4c2` `#b2bec9` `#b6c3cc` `#b8c5cc` `#b7c3c9` `#b4bfc3` `#afbabd` `#a9b2b5` `#a2aaac` `#9aa1a3` `#91989b` `#889093` `#80888c` `#777f85` `#6c747c` `#606672` `#555867` `#4d495b` `#463a4d` `#412d3f` `#3c2230` `#391b23` `#381719` `#3a1712` `#3f1c10` `#492613` `#56331a` `#664426` `#785735` `#8b6c46` `#9e8258` `#b0986b` `#bfad7d` `#c9bf8e` `#cfcd9d` `#cfd9ab` `#cce2b9` `#c9e8c8` `#c7ecd6` `#c7ede1` `#c9edea` `#cdecef` `#d2eaf1` `#d7e8f1` `#dbe7f0` `#dfe7f0`
16. [Anodized red silver sweep](https://grabient.com/kS-Qe3ui3QVgFrg?steps=56&angle=135): linear gradient, `#f5f9ff` `#f0f5fd` `#ecf1fb` `#e6ecf9` `#e1e6f6` `#dcdff2` `#d7d7ee` `#d2cfea` `#cec7e4` `#cabdde` `#c7b4d6` `#c5aace` `#c2a0c4` `#c096b9` `#bd8cae` `#bb82a1` `#b87894` `#b56f87` `#b16779` `#ae5f6c` `#a9585f` `#a55152` `#a14b46` `#9d463c` `#994232` `#953e2a` `#923b23` `#90381f` `#8e361e` `#8d3520` `#8d3524` `#8d352a` `#8d3631` `#8d3839` `#8d3b42` `#8e3e4b` `#8e4255` `#8d465f` `#8d4b68` `#8c5172` `#8b577b` `#895d83` `#88638b` `#866a91` `#857096` `#84769b` `#837c9e` `#8382a1` `#8487a2` `#868ca4` `#8890a4` `#8a94a5` `#8d97a5` `#909aa5` `#939ca5` `#959da5`
17. [Gunmetal coral light point](https://grabient.com/kUxFkoKg6wzCGutZDL_g?style=radialGradient&steps=64&angle=0): radial gradient, `#f09f64` `#ed9b65` `#e89568` `#e38e6a` `#dc886c` `#d4816f` `#cb7a71` `#c17373` `#b66c74` `#aa6574` `#9d5f74` `#915973` `#845470` `#784f6d` `#6c4a69` `#614565` `#574160` `#4e3d5b` `#463a56` `#3f3751` `#39344d` `#343249` `#313146` `#2e3043` `#2c2f41` `#2a2e3f` `#292e3e` `#282e3d` `#282e3c` `#282e3b` `#282f3b` `#29303b` `#2a313c` `#2b323d` `#2c343e` `#2d353f` `#2f3740` `#313942` `#333b44` `#353d46` `#373f48` `#39424a` `#3b444c` `#3e474f` `#404a52` `#444d55` `#47515a` `#4b565e` `#4f5a63` `#545f69` `#58656e` `#5d6a74` `#616f7a` `#667581` `#6b7a87` `#70808d` `#748593` `#798a99` `#7d8f9e` `#8194a3` `#8598a8` `#889cad` `#8b9fb0` `#8da1b3`
18. [Patina bronze glowing disc](https://grabient.com/kYyy5Kwhu4J6WQIfBCy16mwdOUu8?style=radialGradient&steps=40&angle=0): radial gradient, `#c3c091` `#c0b888` `#bdac7d` `#b89e71` `#b28f66` `#ab7f5c` `#a17054` `#97634d` `#8c5746` `#804c3c` `#734230` `#653722` `#582e15` `#4b2509` `#411e03` `#391702` `#341206` `#2e0f0d` `#270e14` `#200f19` `#1a121c` `#17151d` `#17191e` `#1a1e22` `#1e272b` `#223539` `#264947` `#2e5f52` `#417656` `#5e8954` `#7e984d` `#9aa147` `#ada346` `#b8a24a` `#bb9f51` `#b99b58` `#b4965f` `#ae9264` `#a98f68` `#a68d6b`
19. [Copper ring dark metal](https://grabient.com/kUTyMVV6RDBwSv9XMj9A?style=radialGradient&steps=56&angle=0): radial gradient, `#462722` `#4a2a24` `#502d27` `#56322b` `#5e382f` `#673e33` `#714538` `#7b4c3d` `#855341` `#8f5b46` `#9a634b` `#a46b4f` `#ad7253` `#b57857` `#bd7e5a` `#c3835c` `#c7875d` `#ca8a5e` `#ca8b5d` `#c98a5b` `#c58759` `#be8254` `#b57c4f` `#ab7449` `#a06c43` `#94623c` `#875935` `#7a4f2e` `#6d4526` `#613c20` `#553319` `#4b2b13` `#41240d` `#391e09` `#331905` `#2f1603` `#2d1402` `#2c1302` `#2e1401` `#321602` `#381902` `#3f1e04` `#482306` `#522909` `#5d300e` `#693713` `#763f18` `#84471e` `#914f24` `#9f582a` `#ac602f` `#b86735` `#c36e3a` `#ce743e` `#d67a42` `#dc7d45`
20. [Black steel reflected edge](https://grabient.com/kWOg-tHBXTZgGrQfBD84ohEw?steps=64&angle=135): linear gradient, `#141e26` `#141d27` `#151d28` `#171c29` `#1a1b2a` `#1d192a` `#211729` `#251627` `#291423` `#2c121e` `#2e1119` `#301013` `#31100d` `#311007` `#301003` `#301001` `#301000` `#2f0f01` `#2f0f03` `#2e0e07` `#2d0d0c` `#2b0d11` `#280d16` `#250e1a` `#210f1d` `#1d1020` `#181121` `#151220` `#121320` `#0f131e` `#0e141d` `#0d141c` `#0d141b` `#0d151a` `#0d1419` `#0d1418` `#0d1418` `#0d1317` `#0d1316` `#0d1316` `#0d1316` `#0e1317` `#0f1417` `#101519` `#12171a` `#14191d` `#171c20` `#1b2024` `#1f2529` `#262b30` `#2d3238` `#353b41` `#3f454b` `#4a4f56` `#555a62` `#61666f` `#6d727c` `#797d88` `#858995` `#9094a1` `#9b9eac` `#a5a7b5` `#adaebe` `#b4b4c4`
21. [Silver burgundy satin plane](https://grabient.com/kSPSwgdoQtesBPa?steps=40&angle=225): linear gradient, `#361404` `#3b190c` `#421f16` `#4a2622` `#532f2f` `#5c393d` `#66444c` `#70515c` `#795e6d` `#836c7d` `#8d7a8d` `#96899c` `#a098ab` `#aaa6b8` `#b4b4c4` `#bec1cf` `#c8ccd9` `#d1d7e1` `#d9e0e8` `#e0e7ee` `#e6ecf2` `#eaf0f5` `#edf2f6` `#eff4f7` `#eff4f7` `#eff3f5` `#eef2f4` `#eceff1` `#e9edee` `#e6e9eb` `#e3e6e7` `#e0e2e4` `#dcdfe0` `#d8dbdc` `#d5d7d9` `#d2d4d5` `#cfd1d2` `#cccfd0` `#cbcdce` `#c9cccd`
22. [Burgundy chrome circular gleam](https://grabient.com/kU3gy0rKHQcQKslRpqxA?style=radialGradient&steps=40&angle=0): radial gradient, `#ced6e0` `#c6cedb` `#bcc2d4` `#b2b4ca` `#a8a3be` `#a090ae` `#997d9b` `#916b86` `#89596e` `#814957` `#773c41` `#6f312f` `#672a20` `#622418` `#5f2216` `#5e221a` `#5e2522` `#5f292c` `#602f38` `#623644` `#633f50` `#64475c` `#655065` `#66596e` `#676074` `#69677a` `#696c7e` `#687083` `#667588` `#627a8c` `#5d808e` `#57858e` `#528a8a` `#508f83` `#54937a` `#5d956e` `#6a9661` `#779554` `#849449` `#8e9341`
23. [Copper silver lavender diagonal](https://grabient.com/kSo01P1J03leFLG?steps=64&angle=45): linear gradient, `#8f9341` `#909340` `#919240` `#939240` `#959140` `#96913f` `#98913f` `#9a903f` `#9b9040` `#9d8f40` `#9f8f40` `#a18e41` `#a38e41` `#a48d42` `#a68d43` `#a88c44` `#aa8c45` `#ac8b46` `#ae8a48` `#af8a49` `#b1894b` `#b3894d` `#b58850` `#b68752` `#b88755` `#b98657` `#ba865a` `#bb855e` `#bc8561` `#bd8464` `#be8468` `#be846c` `#bf8370` `#bf8374` `#bf8378` `#be837d` `#bd8382` `#bc8487` `#bb848c` `#b98590` `#b78695` `#b58799` `#b2889e` `#af8aa1` `#ac8ba4` `#a98da7` `#a68eaa` `#a390ab` `#a091ad` `#9d93ae` `#9b94ae` `#9895ae` `#9697ae` `#9598ad` `#9499ac` `#9399ab` `#929aaa` `#929ba9` `#929ba7` `#929ca6` `#929ca5` `#929ca4` `#939ca3` `#939da3`
24. [Bronze highlight over black steel](https://grabient.com/kWdC4b3B5CtWawgoAatXIQ8w?steps=40&angle=135): linear gradient, `#764b3d` `#7c4f40` `#845645` `#8e5f4a` `#996851` `#a47358` `#af7d5e` `#ba8764` `#c2906a` `#c9976e` `#cd9b70` `#ce9f71` `#cda270` `#cba46f` `#c7a66d` `#c2a66b` `#bda46a` `#b8a168` `#b39c65` `#b09663` `#ac8d61` `#a5805f` `#99715f` `#88625f` `#73555c` `#5e4a56` `#4a414d` `#3c3942` `#333439` `#303134` `#333335` `#3a3a3a` `#444445` `#515252` `#5f6163` `#6f7274` `#7e8386` `#8d9296` `#999fa4` `#a1a8ad`
25. [Copper flare across violet steel](https://grabient.com/kWnxCvOZJVDmMLNPrs_3JRII?steps=32&angle=45): linear gradient, `#7d8a95` `#7c8493` `#7c7b8d` `#7e7082` `#7f6571` `#7c5c5c` `#75574a` `#6d533d` `#695038` `#684c39` `#674841` `#64474d` `#5d4958` `#554d5f` `#4f5163` `#4c5566` `#4d586d` `#535b78` `#605e84` `#765e8d` `#915c8b` `#ab5c7c` `#bd5f66` `#c76750` `#c97141` `#c77d3c` `#c18941` `#ba934e` `#b49c5e` `#afa26d` `#aca77a` `#aaaa82`
26. [Black burgundy gray horizon](https://grabient.com/kSMj4LyIhJ-8C1C?steps=6&angle=180): linear gradient, `#300008` `#4e271a` `#6c604d` `#898f85` `#b0b8ba` `#d4d5da`

## Other forms

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