Explore the most common shades of gray with their hex codes. Find the perfect gray for your next design project.
From the deepest, most saturated tones to the lightest pastels, gray appears in nearly every design discipline — branding, interiors, fashion, and digital UI. The 30 shades below are the most commonly used named variants of gray, each with a precise hex code you can copy directly into your design tool.
Looking for the right pairing? See colors that go with gray. Need a different format? Try our format converters for HEX, RGB, HSL, OKLCH, and CMYK.
Charcoal
#36454F
Slate
#708090
Silver
#C0C0C0
Ash
#B2BEB5
Smoke
#738276
Gunmetal
#2A3439
Iron
#48494B
Steel
#71797E
Pewter
#8E9196
Dim Gray
#696969
Gray
#808080
Dark Gray
#A9A9A9
Light Gray
#D3D3D3
Gainsboro
#DCDCDC
Platinum
#E5E4E2
Battleship Gray
#848482
Marengo
#4C5866
Graphite
#383838
Nickel
#727472
Cadet Gray
#91A3B0
Cool Gray
#8C92AC
Warm Gray
#999180
French Gray
#BDBDBD
Dove Gray
#6D6968
Flint
#6D6552
Cement
#8D918D
Fossil
#787276
Cinereous
#98817B
Davy Gray
#555555
Outer Space
#414A4C
Featured shade
Charcoal is the canonical gray in this collection. Below is its full breakdown across every common color format — useful when you need the same color in CSS, a design tool, or a print workflow.
Gray is a chameleon — it will pull warm or cool depending on what's next to it. The key pairings are clean accents (yellow, mustard, sage) that prevent gray from feeling washed out.
Download Colorframe to pick any shade of gray from your screen and get instant hex, RGB, HSL, OKLCH, and CMYK values.