# Cool gray gradients

Cool gray gradients span icy blue-gray and soft silver through slate, charcoal, and near-black stops.

- Page: https://grabient.com/cool-gray-gradients
- Palettes: 17
- Tags: cool gray, gradients, blue gray, silver, slate, charcoal, neutral
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Pastel monochrome blue](https://grabient.com/kW8hWc9Y9B24UvHmFD34o1Ho?steps=32): linear gradient, `#dbf4fd` `#daf4fd` `#d9f3fe` `#d7f2fe` `#d6f1ff` `#d4efff` `#d2eeff` `#d0ecff` `#ccebfe` `#c8e9fd` `#c3e8fb` `#bee6f8` `#b8e5f4` `#b3e3f0` `#aee1ec` `#aadfe8` `#a6dde3` `#a3dbde` `#a0d8d9` `#9dd6d4` `#9bd3cf` `#99d0ca` `#98cec8` `#96cbc6` `#95c9c7` `#95c6c9` `#96c4cb` `#99c1ce` `#9dbecf` `#a1bbcf` `#a5b9ce` `#a7b8cd`
2. [Cool gray](https://grabient.com/kS2hKV24tA8mJQM?steps=32&angle=180): linear gradient, `#bfd5d9` `#bdd4d8` `#bbd2d6` `#b8d0d4` `#b6cdd2` `#b3cad0` `#b0c8cd` `#acc5ca` `#a9c1c7` `#a5bec5` `#a2bbc2` `#9eb8bf` `#9bb4bc` `#98b1b9` `#95aeb6` `#92abb3` `#8fa8b0` `#8ca5ad` `#89a2aa` `#879fa7` `#849ba4` `#8198a0` `#7e959d` `#7b919a` `#798e97` `#768b93` `#748890` `#72858e` `#70838b` `#6e8189` `#6c7f87` `#6b7d85`
3. [Cool gray](https://grabient.com/kSbQm8Q4bBNIJQA?steps=32): linear gradient, `#4c5057` `#4d5158` `#4e5259` `#50535b` `#51555c` `#53565e` `#555860` `#575a63` `#595c65` `#5b5e67` `#5d606a` `#5f626c` `#61646f` `#646771` `#666973` `#686b76` `#6a6d78` `#6c6f7b` `#6e717d` `#717380` `#737683` `#757886` `#787b88` `#7a7d8b` `#7d808e` `#7f8291` `#818493` `#838696` `#858898` `#878a9a` `#888c9c` `#898d9d`
4. [Dusty blue and charcoal cool gray palette](https://grabient.com/kSshLDxgtAjMJQI?steps=32&angle=135): linear gradient, `#9a9eaf` `#989cad` `#969aab` `#9498a9` `#9195a7` `#8f92a4` `#8c8fa1` `#888c9e` `#85899b` `#828598` `#7f8295` `#7c7f92` `#787b8f` `#75788b` `#727588` `#6f7285` `#6d6f82` `#6a6c7f` `#67697c` `#646678` `#616275` `#5e5f71` `#5b5c6e` `#58596a` `#555667` `#535364` `#505061` `#4e4e5e` `#4c4c5b` `#4a4a59` `#484857` `#464655`
5. [Monochrome black to light blue](https://grabient.com/kWNgm2Hwq_7WOvtTjz6cYk-A?steps=32&angle=180): linear gradient, `#15191f` `#151a20` `#151a21` `#141a22` `#141a23` `#141b25` `#141d28` `#161f2b` `#18222f` `#1b2634` `#1e2b3a` `#233040` `#273747` `#2d3d4f` `#324556` `#384c5e` `#3f5466` `#455c6f` `#4d6477` `#556d81` `#5d778a` `#658093` `#6e8a9c` `#7794a5` `#819dae` `#8ca8b7` `#97b3c1` `#a4beca` `#b0c9d3` `#bad2db` `#c4dae2` `#cbe0e7`
6. [Gray, navy and black](https://grabient.com/kSYxKuIAfAw8EwK?steps=32&angle=135): linear gradient, `#3a4752` `#394550` `#37444e` `#36424d` `#34404a` `#323d48` `#303b45` `#2e3843` `#2b3640` `#29333d` `#27303a` `#242e38` `#222b35` `#202932` `#1e2630` `#1c242d` `#1a222b` `#182028` `#161d26` `#141b23` `#121920` `#10161e` `#0e141b` `#0d1219` `#0b1016` `#090e14` `#080c12` `#060a10` `#05080e` `#05070c` `#04060b` `#04060a`
7. [Gray, silver and near-black color palette](https://grabient.com/kWfwqw-IG_NaEwOzBkClILAo?steps=32&angle=135): linear gradient, `#5d646b` `#697076` `#7b8187` `#92979c` `#aaafb3` `#c2c6c9` `#d7dadd` `#e6e9eb` `#eceff1` `#ebeef0` `#e3e6e9` `#d6dade` `#c7ccd0` `#b7bcc1` `#a7adb3` `#999fa6` `#8e949b` `#828991` `#777e86` `#6c737c` `#626971` `#585e67` `#4e545d` `#454b54` `#3c424a` `#333840` `#2b2f36` `#23262c` `#1b1e23` `#15171b` `#101215` `#0c0e11`
8. [Gray and stone color palette](https://grabient.com/kWewKf2YK_3aCv_igj_xQRBQ?steps=32&angle=135): linear gradient, `#5d5f60` `#626465` `#686b6c` `#707374` `#797c7e` `#828688` `#8b9092` `#959a9c` `#9ea3a5` `#a8adb0` `#b3b9bb` `#bfc5c7` `#cbd1d3` `#d5dbdd` `#dee3e6` `#e3e9eb` `#e5eaec` `#e3e8ea` `#dee3e5` `#d7dcde` `#cfd4d6` `#c6cbcc` `#bdc1c3` `#b4b9ba` `#acb0b2` `#a2a7a9` `#979c9f` `#8c9194` `#81878b` `#777e82` `#6f767a` `#6a7175`
9. [Stone, gray and near-black color palette](https://grabient.com/kW-QKuaoNAUmFQGohMBjwJAY?style=radialGradient&steps=32&angle=135): radial gradient, `#f7f9fa` `#f3f5f7` `#eff1f3` `#e9ecee` `#e3e6e9` `#dcdfe3` `#d4d8dc` `#ccd1d5` `#c4c8cd` `#babfc5` `#b0b5bb` `#a5abb1` `#9aa0a6` `#8f959c` `#848a91` `#798087` `#6f767d` `#656c73` `#5c6269` `#52585f` `#494f56` `#40454c` `#383d43` `#30353b` `#292d33` `#22262b` `#1b1e23` `#15181c` `#0f1115` `#0a0c0f` `#07080a` `#050507`
10. [Black to gray](https://grabient.com/kaRAqsMIi_MaJv_fhT6bgG-tKEwQ0hMAA?steps=32&angle=135): linear gradient, `#20272c` `#232a30` `#262f36` `#2b353d` `#303c44` `#36444c` `#3d4c55` `#45545e` `#4e5e68` `#576873` `#61727d` `#6c7d87` `#798992` `#86959d` `#94a1a7` `#a0acb1` `#abb5b9` `#b7c0c3` `#c3c9cb` `#ccd1d2` `#d0d4d5` `#ced2d3` `#c5c9cb` `#b6bcbe` `#a5adaf` `#949da0` `#858f92` `#768084` `#677074` `#596265` `#4d5559` `#444d50`
11. [Gray](https://grabient.com/kS6wGaVgRATKIQO?steps=32&angle=180): linear gradient, `#e5e6e7` `#e2e3e4` `#dee0e1` `#dadcdd` `#d5d8d9` `#d0d3d4` `#cacecf` `#c4c9ca` `#bec3c5` `#b8bdbf` `#b2b8ba` `#acb2b4` `#a5acae` `#9fa7a9` `#99a1a4` `#939c9f` `#8e979a` `#889194` `#818b8f` `#7b8589` `#747f83` `#6e797e` `#677378` `#616d72` `#5b686d` `#556268` `#4f5d63` `#4a585e` `#46545a` `#415056` `#3e4c53` `#3b4a51`
12. [Charcoal slate diagonal](https://grabient.com/kSZhLLH4e7-GDwA?steps=40&angle=225): linear gradient, `#464655` `#454554` `#434352` `#40414f` `#3d3e4c` `#393b49` `#353846` `#313542` `#2e313e` `#2a2e3b` `#262b37` `#232834` `#1f2531` `#1d232e` `#1b212c` `#19202a` `#181f29` `#171f28` `#182029` `#19212a` `#1b232c` `#1f272f` `#232b34` `#293139` `#2f373f` `#363e46` `#3e464e` `#474f57` `#505860` `#5a6169` `#646b72` `#6e757c` `#787e85` `#82888f` `#8c9198` `#949aa0` `#9da2a8` `#a4a9af` `#aaafb5` `#afb4ba`
13. [Quiet blue gray field](https://grabient.com/kSqQmzxQQ9m4Bvm?steps=56&angle=135): linear gradient, `#8f949b` `#8e949b` `#8d9399` `#8b9198` `#8a9097` `#888e95` `#868c93` `#848b91` `#82898f` `#80878d` `#7e848b` `#7c8288` `#798086` `#777e84` `#757c82` `#737a80` `#71787e` `#6f767c` `#6e757a` `#6c7378` `#6b7277` `#6a7176` `#697075` `#687074` `#686f74` `#686f74` `#687074` `#697075` `#6a7176` `#6c7377` `#6e7579` `#70777b` `#737a7d` `#767d80` `#798084` `#7d8487` `#81888b` `#858c8f` `#8a9093` `#8e9497` `#93999b` `#989da0` `#9ca2a4` `#a1a7a9` `#a6abad` `#abb0b2` `#b0b5b6` `#b4b9bb` `#b9bdbf` `#bdc1c3` `#c1c5c7` `#c5c9ca` `#c8cccd` `#cbcfd0` `#ced1d3` `#d0d4d5`
14. [Slate mist crosses midnight](https://grabient.com/kWkxKhWQlFrGJPCgA0FbYG7A?steps=64&angle=135): linear gradient, `#6b7d85` `#6d7f87` `#6f818a` `#72838d` `#768691` `#7a8995` `#7f8d99` `#83909e` `#8894a2` `#8d97a6` `#919aa9` `#949cac` `#979eae` `#9a9fb0` `#9b9fb0` `#9b9fb0` `#999dae` `#979bab` `#9297a7` `#8d92a3` `#878d9d` `#808797` `#798090` `#717a89` `#6a7382` `#626c7a` `#5a6573` `#535f6c` `#4c5865` `#46535f` `#404d59` `#3c4954` `#38454f` `#34414b` `#303c46` `#2d3841` `#29333c` `#262f37` `#222b33` `#20272e` `#1d242a` `#1b2127` `#1a1f25` `#191d23` `#191d22` `#1a1d22` `#1c1f23` `#1f2125` `#232629` `#292c2f` `#313437` `#3a3d40` `#45484b` `#515457` `#5f6264` `#6d7072` `#7b7e80` `#898d8f` `#989b9d` `#a5a9aa` `#b2b6b7` `#bec1c2` `#c7cbcc` `#cfd2d3`
15. [Icy cyan through soft gray](https://grabient.com/kWqwe38YG7WWTPlYh8hEAQ94?steps=48&angle=225): linear gradient, `#93969c` `#969aa0` `#9b9fa4` `#a2a5aa` `#a9acb0` `#b1b4b6` `#b9bcbd` `#c1c3c4` `#c9cacb` `#cfd1d1` `#d5d6d7` `#d8dadb` `#d9ddde` `#d8dee0` `#d5dfe1` `#d0dee1` `#cadde0` `#c2dbde` `#bbd8dc` `#b2d6d9` `#abd2d6` `#a3cfd3` `#9dccd0` `#98c9ce` `#95c6cd` `#94c4cd` `#95c2ce` `#98c0cf` `#9bbed0` `#9fbccf` `#a3b9cd` `#a5b6c9` `#a6b2c4` `#a5adbe` `#a1a6b6` `#9b9fad` `#9395a2` `#878995` `#797b85` `#696b75` `#595b64` `#484b53` `#383b43` `#2a2d33` `#1d2026` `#12151a` `#0a0c11` `#05070b`
16. [Cool gray](https://grabient.com/kScA2e4Ak_j2Jxw?steps=64&angle=45): linear gradient, `#48555a` `#4a575c` `#4c595e` `#4e5b60` `#505d62` `#526065` `#556368` `#58666b` `#5b6a6f` `#5e6d72` `#627176` `#65757a` `#69797e` `#6d7d82` `#718186` `#74858a` `#78898e` `#7c8d92` `#809196` `#83959a` `#87999e` `#8a9da2` `#8da0a6` `#90a4a9` `#93a7ac` `#96aaaf` `#98acb2` `#9aafb4` `#9cb0b6` `#9db2b8` `#9eb3ba` `#9fb4ba` `#9fb4bb` `#9fb4bb` `#9fb3bb` `#9eb2ba` `#9cb0b9` `#9baeb7` `#99acb6` `#97aab4` `#95a7b2` `#92a4af` `#90a1ac` `#8d9da9` `#8a9aa6` `#8796a3` `#8492a0` `#818f9c` `#7e8b99` `#7b8795` `#788392` `#757f8e` `#727b8b` `#707887` `#6d7484` `#6a7181` `#686e7e` `#656b7b` `#636878` `#616575` `#5f6373` `#5e6171` `#5d5f6f` `#5c5d6e`
17. [Lavender slate diagonal haze](https://grabient.com/kYQwiArQ3NsYNPNeCz5apRFWq1wo?steps=6&angle=225): linear gradient, `#1f2725` `#3d384d` `#6a7187` `#9facbe` `#d1c2e9` `#f9a8ff`

## Other forms

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