# Gray gradients

Charcoal, slate, silver, greige, violet gray, and olive gray gradients ranging from near-black to soft off-white.

- Page: https://grabient.com/gray-gradients
- Palettes: 26
- Tags: gray gradients, gray, charcoal, slate, silver, greige, violet, olive
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Black to gray](https://grabient.com/kQQgeycoI_4?steps=32&angle=45): linear gradient, `#212429` `#23272b` `#272a2f` `#2a2e32` `#2e3236` `#33373b` `#383c40` `#3d4145` `#43474b` `#494d51` `#505358` `#565a5e` `#5d6165` `#65686c` `#6c7074` `#73777b` `#7b7f83` `#83868a` `#8a8e92` `#92969a` `#9a9da1` `#a1a5a8` `#a9acb0` `#b0b3b7` `#b7babe` `#bdc1c4` `#c4c7ca` `#c9cdd0` `#cfd2d5` `#d4d7da` `#d8dbde` `#dcdfe2`
2. [Black to dark gray](https://grabient.com/kSMAfQpYLAK4DP8?style=radialGradient&steps=32): radial gradient, `#141318` `#141418` `#161519` `#17161b` `#18181c` `#1a191e` `#1c1b1f` `#1d1d21` `#1f1f23` `#212025` `#232226` `#252428` `#27262a` `#29282c` `#2a2a2e` `#2c2b2f` `#2d2d30` `#2f2e32` `#302f33` `#323135` `#333236` `#343337` `#353539` `#37363a` `#38373b` `#39383c` `#3a393d` `#3b3a3e` `#3c3b3f` `#3c3c40` `#3d3c41` `#3e3d42`
3. [Gray](https://grabient.com/kS9wvX7QTO1oDya?style=radialGradient&steps=32&angle=180): radial gradient, `#f8f4ff` `#f7f2fd` `#f7f0fa` `#f6eef7` `#f5ecf4` `#f4e9f1` `#f2e7ed` `#f0e4e9` `#eee2e4` `#ecdfe0` `#e9dddc` `#e6dad8` `#e2d8d4` `#dfd5d0` `#dbd3cd` `#d8d0c9` `#d4cec6` `#d0cbc3` `#ccc8c0` `#c8c5bd` `#c4c2ba` `#bfbfb7` `#bbbbb3` `#b6b8b0` `#b2b5ad` `#aeb2aa` `#aaaea8` `#a7aca5` `#a4a9a3` `#a1a7a1` `#9fa49f` `#9da39e`
4. [Near-black and silver gray palette](https://grabient.com/kaRgKiM4G_EaDQJgAEATAO_7SDwYjAcBg?style=angularGradient&steps=32&angle=45): angular gradient, `#262829` `#2a2c2d` `#303233` `#37393a` `#3e4142` `#464849` `#4c5051` `#535759` `#5a5f61` `#62686a` `#6b7173` `#767c7e` `#85898b` `#969899` `#a4a5a6` `#aeaeae` `#afafaf` `#a9aaab` `#9da0a2` `#8f9496` `#82888b` `#777e81` `#6c7377` `#61686c` `#575e62` `#4e5458` `#454b4f` `#3e4246` `#363a3d` `#2f3235` `#2a2c2e` `#26282a`
5. [Stone and charcoal color palette](https://grabient.com/ka6ASaX4PAcYHQKpgMDvQGulUEPvvBECA?steps=32&angle=135): linear gradient, `#dee3e5` `#d7ddde` `#ced3d5` `#c3c9cb` `#b6bdbf` `#aab2b5` `#9ea7aa` `#919ca0` `#849095` `#77848a` `#6a787f` `#5f6b72` `#525c61` `#464c50` `#3c3f41` `#353637` `#343435` `#383939` `#404141` `#4b4c4b` `#575755` `#62615e` `#6d6a67` `#787570` `#837f7a` `#8f8b85` `#9b968f` `#a8a39c` `#b6b2aa` `#c4c0b9` `#d0ccc5` `#d9d5ce`
6. [Silver gray palette](https://grabient.com/kQiAN13gFAI?steps=32&angle=180): linear gradient, `#6b6e6d` `#6c6f6e` `#6d706f` `#6f7270` `#707372` `#727573` `#747775` `#767977` `#787b79` `#7a7d7b` `#7c7f7e` `#7f8180` `#818482` `#838685` `#868887` `#888b8a` `#8b8d8c` `#8d908f` `#909291` `#929594` `#959796` `#979998` `#999c9b` `#9c9e9d` `#9ea09f` `#a0a2a1` `#a2a4a3` `#a4a6a5` `#a5a7a6` `#a7a9a8` `#a8aaa9` `#a9abaa`
7. [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`
8. [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`
9. [Near-black and off-white color palette](https://grabient.com/kcMQSwKgPAMUDPZggj-cYI_82BwCugb_GYDAA?steps=32): linear gradient, `#131517` `#17191c` `#1d2023` `#25282c` `#2e3236` `#383c41` `#44484d` `#51565a` `#5f6468` `#6d7375` `#7c8184` `#8c9193` `#9ba0a2` `#aaaeb0` `#b7bbbd` `#c6cacc` `#d3d7d9` `#d9dee0` `#d6dbdc` `#c7cbcd` `#b1b5b7` `#999c9e` `#838688` `#727576` `#616465` `#525456` `#444648` `#373a3b` `#2c2e2f` `#232425` `#1b1c1c` `#161617`
10. [Silver gray palette](https://grabient.com/kUjA7SXAdBW2EwVLhj0g?style=angularGradient&steps=32&angle=225): angular gradient, `#72707c` `#76737f` `#7a7683` `#7e7b88` `#84808d` `#8a8592` `#908b98` `#96919e` `#9c97a4` `#a29ca9` `#a7a1ae` `#aca6b3` `#b2acb8` `#b9b2be` `#bfb8c3` `#c5bfc9` `#cbc4ce` `#d0c9d2` `#d4cdd6` `#d6cfd8` `#d6d0d8` `#d4ced6` `#d0cad2` `#c8c3cb` `#bfbac3` `#b5b0b9` `#aaa6af` `#9f9ba5` `#95929c` `#8c8993` `#84828c` `#7f7d88`
11. [Silver gray palette](https://grabient.com/kS0grZxoa--iDP8?style=angularGradient&steps=32&angle=225): angular gradient, `#c8c4ce` `#c5c1ca` `#c0bcc6` `#bab6c0` `#b4b0ba` `#ada9b3` `#a5a1ac` `#9e9aa5` `#96929d` `#8f8b97` `#888590` `#827f8a` `#7d7a85` `#797681` `#76737e` `#74717d` `#74717d` `#75737e` `#787681` `#7c7a84` `#817f89` `#87858f` `#8e8b95` `#95929c` `#9c9aa2` `#a3a1a9` `#aaa9b0` `#b1b0b7` `#b8b6bd` `#bdbcc2` `#c2c0c7` `#c5c4ca`
12. [Silver, off-white and champagne color palette](https://grabient.com/kS0QRBc4G_3uEP4?steps=32): linear gradient, `#c6c5c1` `#c7c6c2` `#c8c7c3` `#cac9c5` `#cbcac7` `#cdccc9` `#cfcecb` `#d1d0cd` `#d3d2cf` `#d5d4d1` `#d7d6d3` `#d9d8d6` `#dbdad8` `#dddcda` `#dfdedc` `#e1e0dd` `#e3e2df` `#e4e3e0` `#e6e5e1` `#e8e7e3` `#eae8e4` `#ebeae5` `#edebe6` `#efede7` `#f0eee8` `#f2efe9` `#f3f1ea` `#f5f2eb` `#f6f3ec` `#f7f4ed` `#f8f5ed` `#f9f6ee`
13. [Near-black and mauve gray palette](https://grabient.com/kSRAbwuQnBNGJwS?steps=32&angle=315): linear gradient, `#292427` `#2b2629` `#2d282b` `#302a2d` `#332c30` `#362e33` `#393136` `#3d3439` `#41373d` `#453a40` `#4a3d44` `#4e4048` `#52444b` `#57474f` `#5b4a52` `#5f4e56` `#635159` `#66545c` `#6b5860` `#6f5c64` `#736068` `#78646b` `#7c686f` `#806c73` `#847077` `#88747b` `#8c787e` `#907b82` `#937f85` `#968288` `#99848a` `#9b868c`
14. [Tan, charcoal and stone gray palette](https://grabient.com/kWixZGNojCKeFQ5FCz46Aq-I?steps=32&angle=270): linear gradient, `#75715d` `#726f5b` `#6e6b58` `#696755` `#636351` `#5d5e4d` `#585949` `#525545` `#4d5042` `#474b3e` `#41463a` `#3a4036` `#343a32` `#30362e` `#2d332c` `#2c322c` `#2d342e` `#313932` `#373f37` `#3e483e` `#475246` `#515c4e` `#5c6757` `#667160` `#717b69` `#7d8773` `#8a937f` `#979f8b` `#a4ab97` `#b0b6a2` `#bac0ab` `#c1c7b2`
15. [Stone and charcoal gray palette](https://grabient.com/kUywktSABTKSBwq8A0HA?style=radialGradient&steps=32&angle=315): radial gradient, `#c3bcb5` `#beb8b1` `#b7b4ad` `#afaea8` `#a6a8a3` `#9ea19d` `#969997` `#8e9190` `#878988` `#808081` `#797979` `#717171` `#696969` `#5f5f5f` `#565656` `#4c4c4d` `#434444` `#3b3c3d` `#343536` `#2e3031` `#2a2c2e` `#292b2c` `#2a2b2e` `#2c2e31` `#313335` `#36383c` `#3d3f42` `#44464a` `#4a4d51` `#515357` `#56585d` `#595b60`
16. [Dark gray and gray](https://grabient.com/kcTwmet4Y-ssFu5eBbuaoa8tUJwbACcELYbBA?steps=32&angle=225): linear gradient, `#2a3235` `#2e373a` `#353e42` `#3c474b` `#445053` `#4d5a5c` `#566364` `#606d6d` `#6b7875` `#76827e` `#818c87` `#8d9790` `#99a199` `#a3aba2` `#aeb4aa` `#b9beb3` `#c4c6bb` `#cacbbf` `#c9cabd` `#c0c2b3` `#b2b5a5` `#a2a796` `#939a89` `#868f7d` `#7a8372` `#6f7868` `#646e5e` `#5a6455` `#4f594c` `#454e43` `#3d453c` `#373f37`
17. [Charcoal and stone gray palette](https://grabient.com/kYagsmRQa_FcGwLqhELY4FQVIFQQ?steps=32&angle=315): linear gradient, `#534a45` `#574e48` `#5c524d` `#635853` `#6a5e59` `#71655f` `#786b66` `#7e726c` `#857872` `#8c7f79` `#93867f` `#9a8d86` `#a1948d` `#a89c95` `#b0a59e` `#b9aea8` `#c1b8b1` `#c8c0ba` `#cdc7c0` `#cecac3` `#cccbc5` `#c8cac5` `#c3c7c4` `#bfc2c1` `#babdbd` `#b5b8b8` `#afb1b3` `#a6aaac` `#9ca2a5` `#939b9e` `#8b9498` `#859094`
18. [White to gray](https://grabient.com/kW9QRD1QTRDUGwVahFTOIQso?steps=32&angle=45): linear gradient, `#f4f3ef` `#ecece7` `#dfe1dd` `#d1d5d1` `#c1c8c5` `#b2baba` `#a3acae` `#979fa4` `#8c9399` `#80878e` `#737a82` `#656e75` `#59626a` `#4f5960` `#485259` `#454e56` `#484e58` `#53545f` `#635f68` `#766d73` `#887d7e` `#978d8a` `#a29a95` `#a7a19b` `#a6a09a` `#9f9894` `#958c8b` `#877f81` `#777176` `#67646b` `#5a5a61` `#51545a`
19. [Violet gray charcoal rings](https://grabient.com/kUMAfR8wVKeCDrPtgb8A?style=radialGradient&steps=40&angle=0): radial gradient, `#141318` `#1c1a1f` `#27252a` `#363237` `#474247` `#5a5358` `#6f676b` `#847b7e` `#998f91` `#aea3a4` `#c1b6b5` `#d2c6c5` `#dfd3d2` `#e9dcdb` `#eee2e1` `#f0e4e5` `#efe3e6` `#eae0e5` `#e4dbe2` `#dbd6de` `#d2cfd8` `#c8c9d1` `#bfc2ca` `#b7bcc3` `#b1b7bd` `#adb4b8` `#abb2b5` `#abb3b5` `#acb4b5` `#aeb5b7` `#b1b8b9` `#b4bbbc` `#b8bebf` `#bcc1c2` `#c0c5c6` `#c3c8c9` `#c7cbcd` `#cacecf` `#cdd1d2` `#cfd2d3`
20. [Silver charcoal rings](https://grabient.com/kUzwaMIoJIvaCOuxhD8g?style=radialGradient&steps=56&angle=0): radial gradient, `#bdc4c4` `#b7bebf` `#afb7b7` `#a6adae` `#9ca3a4` `#919799` `#868b8d` `#7a7f81` `#6e7375` `#626669` `#575b5e` `#4c5053` `#434649` `#3a3d40` `#333538` `#2d2f32` `#292a2d` `#26282a` `#262729` `#27282b` `#2a2b2e` `#303134` `#38393c` `#424346` `#4d4f52` `#5a5c5f` `#686a6d` `#77797c` `#87898c` `#96999b` `#a5a8ab` `#b4b7ba` `#c1c5c7` `#cdd1d3` `#d7dbde` `#dfe3e5` `#e4e8ea` `#e5eaec` `#e4e9eb` `#e0e5e7` `#dadfe1` `#d2d7d9` `#c8ced0` `#bdc3c5` `#b1b7ba` `#a5abad` `#989ea1` `#8b9294` `#7e8588` `#72797c` `#666e70` `#5c6366` `#525a5d` `#4a5255` `#444b4e` `#3f4649`
21. [Slate silver diagonal bands](https://grabient.com/kWTQew4oKzy0ISpsBMhK4E5A?steps=64&angle=225): linear gradient, `#2b2f33` `#2f3438` `#353a3e` `#3d4246` `#464c4e` `#505658` `#5b6162` `#676d6d` `#737978` `#7f8584` `#8b908e` `#969b98` `#a0a4a1` `#a8aca9` `#aeb2af` `#b2b6b2` `#b3b7b3` `#b1b5b1` `#acb1ac` `#a4aaa5` `#9aa19c` `#8f9792` `#828c87` `#75807c` `#687472` `#5b6967` `#4f5e5e` `#455456` `#3d4c4f` `#36454a` `#324047` `#303e45` `#323e47` `#36414b` `#3d4751` `#464e5a` `#515864` `#5e636f` `#6c6f7c` `#7a7c89` `#898a96` `#9898a3` `#a6a5b0` `#b3b1bb` `#bebbc5` `#c7c3cd` `#cdc9d2` `#d0ccd4` `#cfcbd3` `#cbc7cf` `#c4c1c8` `#bbb8bf` `#b0aeb5` `#a4a3a9` `#97969c` `#898a8e` `#7c7c81` `#6e7073` `#626366` `#56585b` `#4c4e50` `#444547` `#3d3e3f` `#37393a`
22. [Silver mist over charcoal](https://grabient.com/kSQgi58oI-fuFxm?steps=32&angle=45): linear gradient, `#212429` `#272a2f` `#2f3237` `#383b40` `#43464b` `#4f5357` `#5c6065` `#6b6e73` `#7a7d81` `#898d90` `#989c9f` `#a7aaae` `#b5b9bc` `#c2c6c9` `#ced1d4` `#d8dbde` `#dfe2e6` `#e5e9ec` `#eaedf1` `#eef1f6` `#f1f4f9` `#f3f6fb` `#f4f7fd` `#f5f7fe` `#f6f7ff` `#f6f6ff` `#f6f6ff` `#f6f5ff` `#f6f4fe` `#f6f4fe` `#f7f3fe` `#f8f4ff`
23. [Quiet slate gray field](https://grabient.com/kW9wvXNAO4MUJv_dBUg5YTOQ?steps=48&angle=135): linear gradient, `#f8f4ff` `#edeaf5` `#dfdde7` `#cecdd7` `#bbbcc5` `#a7a9b1` `#94979e` `#81858b` `#70747a` `#61656a` `#54595d` `#4a5054` `#444a4e` `#41474b` `#3f464b` `#3f484c` `#414b4f` `#434f54` `#47545a` `#4b5a60` `#506067` `#55666e` `#5b6b75` `#5f707b` `#647480` `#697884` `#6f7d89` `#76818e` `#7c8693` `#848b98` `#8b909d` `#9295a1` `#9899a5` `#9f9ea9` `#a4a2ac` `#a9a5af` `#aea8b1` `#b2abb3` `#b6adb4` `#b9b0b4` `#bcb1b4` `#beb3b4` `#c0b5b4` `#c1b7b4` `#c2b8b4` `#c2bab4` `#c3bbb5` `#c3bcb5`
24. [Gray to black](https://grabient.com/kS6ASfMAhBBmAxi?steps=64&angle=225): linear gradient, `#dfe3e5` `#dbe0e2` `#d8dddf` `#d4d9db` `#cfd5d7` `#cad0d3` `#c5ccce` `#bfc7c9` `#bac1c4` `#b4bcbf` `#adb6ba` `#a7b0b4` `#a1aaae` `#9aa4a8` `#949ea3` `#8d989d` `#869297` `#808c91` `#79868b` `#738085` `#6d7a80` `#66747a` `#616e75` `#5b696f` `#55646a` `#505f65` `#4b5a61` `#47555c` `#435158` `#3f4d54` `#3b4951` `#38464d` `#35434a` `#334047` `#303d45` `#2e3a42` `#2c3840` `#2a353d` `#29333b` `#273139` `#262f37` `#252d35` `#242b33` `#232931` `#22282f` `#21262d` `#20252b` `#20242a` `#1f2228` `#1e2127` `#1e2025` `#1d1f24` `#1c1e22` `#1c1d21` `#1b1c20` `#1b1b1f` `#1a1b1d` `#1a1a1c` `#19191b` `#18191a` `#181819` `#171718` `#171718` `#161617`
25. [Olive silver radial glow](https://grabient.com/kY6ANBUotENIFSxaA7eO4dIygFNu?style=radialGradient&steps=40&angle=0): radial gradient, `#e3e2df` `#dcdbd6` `#d2d0c9` `#c6c4ba` `#b8b7aa` `#aaab9b` `#9da08d` `#919784` `#88927f` `#818f7e` `#7c8e81` `#798d85` `#7a8d8a` `#7c8e8f` `#808e91` `#848f93` `#869094` `#899396` `#8e9799` `#939c9b` `#98a09e` `#9ca3a0` `#9ea5a1` `#9ea49f` `#9aa09b` `#929a95` `#87918d` `#7b8785` `#6f7c7c` `#637174` `#59676c` `#515e64` `#4a575d` `#435155` `#3d4b4d` `#384545` `#34403d` `#313b37` `#2f3731` `#2d342e`
26. [Navy to gray](https://grabient.com/kaOiylHoa_6-Bv_Hhjx2Y06NwTvncFj_g?style=angularGradient&steps=14&angle=180): angular gradient, `#00202f` `#031f2c` `#142026` `#252a2d` `#383b3c` `#4c5052` `#616b6d` `#738584` `#859c92` `#93aa96` `#95ae93` `#94af8f` `#93b08d` `#91b08c`

## Other forms

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