Color Code Palette

Appearance

35+ Shades of Grey ​

Explore 35+ shades of gray including Grey (#808080), Silver (#C0C0C0), Charcoal (#36454F), Slate (#708090), Smoke (#848884), and more. Complete collection with hex codes and RGB values for designers, developers, and creatives.

different shades of grey

Complete List of Shades of Grey ​

Explore our categorized collection of 35+ shades of gray. Click any color to view its hex code, RGB values, and detailed information about each unique shade of gray.

Light Grey ​

Copy HEX
Quartz →
HEX#D9D9D9
RGBrgb(217,217,217)
Copy HEX
Light Grey →
HEX#D3D3D3
RGBrgb(211,211,211)
Copy HEX
Platinum →
HEX#E5E4E2
RGBrgb(229,228,226)
Copy HEX
Aluminum →
HEX#D6D6D6
RGBrgb(214,214,214)
Copy HEX
Fog →
HEX#C6C6C8
RGBrgb(198,198,200)
Copy HEX
Cloudy →
HEX#B7B8B6
RGBrgb(183,184,182)
Copy HEX
Titanium →
HEX#B6B8B9
RGBrgb(182,184,185)
Copy HEX
Zinc →
HEX#BEC2C1
RGBrgb(190,194,193)

Medium Gray ​

Copy HEX
Cement →
HEX#9D9D9D
RGBrgb(157,157,157)
Copy HEX
Gray/Grey →
HEX#808080
RGBrgb(128, 128, 128)
Copy HEX
Silver →
HEX#C0C0C0
RGBrgb(192,192,192)
Copy HEX
Dark Grey →
HEX#A9A9A9
RGBrgb(169, 169, 169)
Copy HEX
Smoke →
HEX#848884
RGBrgb(132,136,132)
Copy HEX
Stone →
HEX#8A8D8F
RGBrgb(138,141,143)
Copy HEX
Concrete →
HEX#C2C0BC
RGBrgb(194,192,188)
Copy HEX
Shadow →
HEX#837E7C
RGBrgb(131,126,124)
Copy HEX
Elephant →
HEX#8C8C8C
RGBrgb(140,140,140)
Copy HEX
Nickel →
HEX#727472
RGBrgb(114,116,114)
Copy HEX
Granite →
HEX#696767
RGBrgb(105,103,103)

Dark Gray ​

Copy HEX
Light Black →
HEX#333333
RGBrgb(51,51,51)
Copy HEX
Raven →
HEX#3D4245
RGBrgb(61,66,69)
Copy HEX
Charcoal →
HEX#36454F
RGBrgb(54,69,79)
Copy HEX
Dark Charcoal →
HEX#2A2E33
RGBrgb(42,46,51)
Copy HEX
Gunmetal →
HEX#2A3439
RGBrgb(42,52,57)
Copy HEX
Steel Grey →
HEX#43464B
RGBrgb(67,70,75)
Copy HEX
Graphite →
HEX#2F353B
RGBrgb(47,53,59)
Copy HEX
Iron →
HEX#5A5D5E
RGBrgb(90,93,94)
Copy HEX
Flint →
HEX#5F5F5F
RGBrgb(95,95,95)
Copy HEX
Lead →
HEX#2A2A2A
RGBrgb(42,42,42)
Copy HEX
Gravel →
HEX#4A4D46
RGBrgb(74,77,70)
Copy HEX
Storm →
HEX#404A54
RGBrgb(64,74,84)

Natural Gray ​

Copy HEX
Stone →
HEX#8A8D8F
RGBrgb(138,141,143)
Copy HEX
Concrete →
HEX#C2C0BC
RGBrgb(194,192,188)
Copy HEX
Cement →
HEX#9D9D9D
RGBrgb(157,157,157)
Copy HEX
Elephant →
HEX#8C8C8C
RGBrgb(140,140,140)
Copy HEX
Gravel →
HEX#4A4D46
RGBrgb(74,77,70)
Copy HEX
Granite →
HEX#696767
RGBrgb(105,103,103)
Copy HEX
Marble →
HEX#F2F0E6
RGBrgb(242,240,230)
Copy HEX
Quartz →
HEX#D9D9D9
RGBrgb(217,217,217)
Copy HEX
Charcoal →
HEX#36454F
RGBrgb(54,69,79)

Atmospheric Gray ​

Copy HEX
Smoke →
HEX#848884
RGBrgb(132,136,132)
Copy HEX
Fog →
HEX#C6C6C8
RGBrgb(198,198,200)
Copy HEX
Shadow →
HEX#837E7C
RGBrgb(131,126,124)
Copy HEX
Cloudy →
HEX#B7B8B6
RGBrgb(183,184,182)
Copy HEX
Storm →
HEX#404A54
RGBrgb(64,74,84)

Generate Different Shades of Grey ​

Create custom shades of grey with our color generator. Adjust hues, tints, and tones to find the perfect shade of gray for your project.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 808080
    rgb(128, 128, 128)

Convert Grey Shades Between Formats ​

Convert any shade of grey between HEX, RGB, CMYK, HSL, and other color formats. Essential for designers working with different shades of gray.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)