Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out.
This page lists 62 gray shades, from the lightest tints to the deepest tones. Select a color to see its full set of color codes, harmonies and accessibility contrast. Use the color generator to download several colors at once as a ZIP.
All gray shades
- Gainsboro
#DCDCDC - Silver
#C0C0C0 - Dark Gray
#A9A9A9 - Slate Gray
#708090 - Dim Gray
#696969 - Gray
#808080 - Light Gray
#D3D3D3 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50 - Neutral Gray 15
#262626 - Neutral Gray 20
#333333 - Neutral Gray 25
#404040 - Neutral Gray 30
#4C4C4C - Neutral Gray 35
#595959 - Neutral Gray 40
#666666 - Neutral Gray 45
#737373 - Neutral Gray 55
#8C8C8C - Neutral Gray 60
#999999 - Neutral Gray 65
#A6A6A6 - Neutral Gray 70
#B2B2B2 - Neutral Gray 75
#BFBFBF - Neutral Gray 80
#CCCCCC - Neutral Gray 85
#D9D9D9 - Neutral Gray 90
#E6E6E6 - Neutral Gray 95
#F2F2F2 - Warm Gray 15
#2A2623 - Warm Gray 20
#38332E - Warm Gray 25
#45403A - Warm Gray 30
#534C46 - Warm Gray 35
#615951 - Warm Gray 40
#6F665D - Warm Gray 45
#7D7368 - Warm Gray 50
#8B8074 - Warm Gray 55
#978C82 - Warm Gray 60
#A29990 - Warm Gray 65
#AEA69E - Warm Gray 70
#B9B2AC - Warm Gray 75
#C5BFBA - Warm Gray 80
#D1CCC7 - Warm Gray 85
#DCD9D5 - Warm Gray 90
#E8E6E3 - Warm Gray 95
#F3F2F1 - Cool Gray 15
#23262A - Cool Gray 20
#2E3238 - Cool Gray 25
#3A3F45 - Cool Gray 30
#464B53 - Cool Gray 35
#515861 - Cool Gray 40
#5D646F - Cool Gray 45
#68717D - Cool Gray 50
#747E8B - Cool Gray 55
#828B97 - Cool Gray 60
#9097A2 - Cool Gray 65
#9EA4AE - Cool Gray 70
#ACB1B9 - Cool Gray 75
#BABEC5 - Cool Gray 80
#C7CBD1 - Cool Gray 85
#D5D8DC - Cool Gray 90
#E3E5E8 - Cool Gray 95
#F1F2F3