Grey Color Palettes — Grey Color Scheme Ideas & Hex Codes

Q: What are the best grey color combinations?

The best grey palettes pair #6B7280 with White, Black, One accent color. Build grey palettes with temperature — warm greys (greige) feel softer, cool greys feel more technical. Never use grey text below #6B7280-equivalent contrast without checking WCAG. Pair grey with one strong accent color to avoid monotony. Grey works best in 3-5 stepped ramps for surfaces, borders, and text.

Q: What brands use grey color palettes?

Apple (gray): Space gray is the definitive modern hardware neutral. Samsung: Grays signal precision and technical neutrality. H&M: Grey supports fast-fashion freshness across collections. Nike (gray): Grays ground the energetic accent colors in athletic design

Featured Grey Palettes

158 palettes led by grey.

Paynes Grey

AA 1,360

Asphalt Rain

AA 1,193

Xerox Copy

AAA 1,189

Wet Concrete

AAA 1,179

Greyscale Steps

AAA 1,178

Silver Gelatin

AAA 1,162

One World Trade

AA 1,160

Grey Felt

AAA 1,153

Warm Slate

AAA 1,148

Graphite Dust

AAA 1,147

MoMA NYC

AA 1,140

SoHo NYC

AA 1,130

Flint Stone

AAA 1,124

Torres del Paine

AA 1,120

Monochrome Portrait

AAA 1,115

Fog at Night

AA 1,114

Abandoned Factory

AA 1,109

Storm Grey

AAA 1,102

Midtown Manhattan

AA 1,100

Tintype

AA 1,090

Concrete Grey

AAA 1,082

Washington Square Park

AA 1,080

Grave Mist

AA 1,073

Alberobello Trulli

AA 1,070

Browse all 158 grey palettes →

Psychology of Grey

Grey is the color of balance and neutrality — the middle ground between black and white. It signals sophistication, modernity, and restraint. Grey is the workhorse of UI design: backgrounds, borders, secondary text, and disabled states all rely on grey. A well-designed grey palette feels premium and technical; a poorly chosen grey feels dull and lifeless. Grey's power is in letting other colors shine — it is the ultimate supporting actor.

Design Tips for Grey

Build grey palettes with temperature — warm greys (greige) feel softer, cool greys feel more technical. Never use grey text below #6B7280-equivalent contrast without checking WCAG. Pair grey with one strong accent color to avoid monotony. Grey works best in 3-5 stepped ramps for surfaces, borders, and text.

What to avoid: Avoid grey-on-grey text that fails WCAG — the most common accessibility mistake. Avoid grey as the primary identity color without a distinctive accent.

What Goes With Grey?

WhiteBlackOne accent colorWarm creamCharcoal

Related Guides

Warm Mood Cool Mood Branding Web Design

Brands Built on Grey

Apple (gray)

Space gray is the definitive modern hardware neutral

Samsung

Grays signal precision and technical neutrality

H&M

Grey supports fast-fashion freshness across collections

Nike (gray)

Grays ground the energetic accent colors in athletic design

Frequently Asked Questions

What are the best grey color combinations?

Start with #6B7280 and pair it with White, Black, One accent color. Avoid grey-on-grey text that fails WCAG — the most common accessibility mistake. Avoid grey as the primary identity color without a distinctive accent.

What does grey mean in design?

Grey is the color of balance and neutrality — the middle ground between black and white. It signals sophistication, modernity, and restraint. Grey is the workhorse of UI design: backgrounds, borders,

Which industries use grey palettes?

Grey palettes are most common in Technology, Design, Architecture, Automotive, Corporate, Minimalism. Browse 158 real grey palettes above, or generate your own with the palette generator.

What is the hex code for grey?

The representative grey hex in this library is #6B7280, with #9CA3AF as a lighter companion. Every palette on this page includes full hex codes you can copy directly.