What Goes With Grey?

Why These Colors Work With Grey

Grey shares its exact hex value with Gray (#808080, zero saturation, 50% lightness) — the two spellings exist as aliases in the CSS specification specifically because both British ('grey') and American ('gray') spellings are in widespread real-world use, and rather than forcing one convention on developers worldwide, the spec simply supports both as equivalent keywords. This is a genuinely different situation from most named-color pairs on this site: there's no visual difference to reason about at all, only which spelling a given codebase, design system, or regional audience expects. In UK, Irish, Australian, and most Commonwealth English writing, 'grey' is the default and 'gray' can read as a minor Americanism; the reverse holds in the US. For pairing purposes, everything true of mid-gray as a neutral applies identically here — it has no hue-wheel complement, and its value is entirely in how much it recedes behind a saturated accent. Teams building for a UK-primary audience often standardize on 'grey' throughout copy and code for consistency, independent of any design reasoning.