Grey vs Gray: Is There a Difference?

If you have ever paused mid-sentence wondering whether to type grey or gray, you are not alone. The grey vs gray debate is one of the most common spelling questions in the English language, and it comes up constantly in design work, branding, and web development. The good news? Both spellings are correct. They refer to the exact same color — that neutral shade sitting between black and white. The only real difference is geography.

Grey is the preferred spelling in British English, while gray is the standard in American English. Whether you write grey or gray, you are describing identical color values, identical hex codes, and identical visual results. But understanding when and why to use each spelling matters more than you might think, especially if you work in design, branding, or front-end development.

The Short Answer

The difference between gray vs grey comes down to one thing: regional spelling convention. There is no difference in meaning, shade, or usage. Gray with an “a” is American English. Grey with an “e” is British English. Both are accepted everywhere, but consistency matters in professional work.

A handy mnemonic that many writers use: grAy = America, grEy = England. That single vowel swap is the entire difference.

Grey: The British English Spelling

In the United Kingdom, Australia, Canada, and most Commonwealth countries, grey is the dominant spelling. It has been the preferred form in British English since at least the early 1800s, though both spellings have existed in English for centuries. If you pick up a British newspaper, read a London design agency’s website, or browse Australian brand guidelines, you will almost always see “grey.”

The word traces back to the Old English grǣg, which itself has roots in Proto-Germanic. Over centuries, the spelling drifted between various forms — including “greie,” “gray,” and “grey” — before British usage settled firmly on “grey” by the twentieth century.

In British design contexts, grey carries the same sophisticated, neutral connotations it does everywhere. It is a staple of monochromatic color schemes, corporate branding, and minimalist aesthetics. The spelling does not change the psychology — grey still communicates balance, professionalism, and understated elegance, as explored in color psychology.

Gray: The American English Spelling

In the United States, gray with an “a” is the standard. This preference solidified largely thanks to Noah Webster, the lexicographer behind Webster’s Dictionary, who championed simplified American spellings in the early 1800s. While Webster did not specifically campaign for “gray” over “grey,” American usage naturally gravitated toward the “a” spelling, and dictionaries codified it.

Today, American publications, style guides (including the AP Stylebook and Chicago Manual of Style), and brands overwhelmingly use “gray.” If you are writing for a U.S. audience or working with American clients, gray is the expected form.

Interestingly, the surname Gray is more common than Grey in the United States, while both appear as surnames in Britain. The proper noun usage — like Earl Grey tea — follows its own rules regardless of which country you are in.

Does It Matter in Design?

From a pure visual standpoint, is it grey or gray? It makes absolutely no difference. A swatch of #808080 looks identical whether you call it grey or gray. The color itself has no allegiance to any spelling.

Where it does matter is in brand consistency. If your brand guidelines specify “charcoal grey” as a primary color, every piece of copy — from your website to your business cards — should use that same spelling. Mixing “grey” and “gray” within a single brand looks careless and undermines the professionalism that strong brand identity demands.

When building neutral color palettes, the shade you choose matters far more than the spelling. But the spelling you choose should be deliberate and consistent. Consider your primary audience: British or Commonwealth audiences expect “grey,” while American audiences expect “gray.”

Grey and Gray in Branding

Some global brands sidestep the issue entirely by using hex codes or Pantone references in their guidelines rather than spelling out the color name. Others specify both: “Gray (US) / Grey (UK)” in localized style guides. If you are building a brand that operates internationally, this is a detail worth addressing early — ideally when you are defining your branding strategy.

Grey/Gray in CSS and Hex Codes

For designers and developers working on the web, the gray or grey spelling question has a definitive technical answer — at least in code. CSS and HTML color names use the American spelling: gray. The named CSS color gray resolves to #808080, a perfect mid-tone between black and white.

However, CSS also recognizes grey as a valid color keyword. Both color: gray; and color: grey; produce identical results in all modern browsers. This was standardized in CSS3 to accommodate international developers. Similarly, darkgray and darkgrey, lightgray and lightgrey, dimgray and dimgrey — all paired spellings are recognized.

That said, many coding style guides and linters default to the American “gray” spelling for consistency. If you are working on a team, check your project’s conventions. The key is picking one and sticking with it across your codebase.

Common Grey/Gray Hex Codes for Designers

Hex codes are completely spelling-independent. Here are some commonly used grey/gray values:

• #808080 — Medium gray, the CSS named color “gray”
• #A9A9A9 — Dark gray (CSS “darkgray”)
• #D3D3D3 — Light gray (CSS “lightgray”)
• #696969 — Dim gray (CSS “dimgray”)
• #C0C0C0 — Silver
• #F5F5F5 — White smoke, a very light gray often used for backgrounds
• #333333 — A dark charcoal gray popular in body text

These values work identically regardless of whether you think of them as “grey” or “gray.” When working with the color wheel, grays are considered achromatic — they have no hue, only varying levels of lightness between black and white.

Frequently Asked Questions

Is it grey or gray in the United States?

In the United States, the standard spelling is gray with an “a.” This is the form used by American dictionaries, style guides, and publications. While “grey” is understood and not considered incorrect, “gray” is the expected spelling for American audiences.

Can I use grey and gray interchangeably?

Yes, both spellings are correct and refer to the same color. However, you should be consistent within any single document, brand, or project. Mixing the two spellings looks like an error, even though both are valid.

Which spelling does CSS use — grey or gray?

CSS officially supports both spellings. The original named color was gray (American spelling), but CSS3 added grey as an accepted alias. Both produce the same result: #808080. Most coding conventions default to “gray” for consistency.

Does the spelling affect the color in any way?

No. Grey and gray describe the identical color. Hex codes, RGB values, CMYK breakdowns, and Pantone matches are completely unaffected by spelling. A medium gray is #808080 or rgb(128, 128, 128) regardless of which English variant you prefer.