See the pairings section below for calculated harmony options.
Common uses
Interiors and fashion — see uses & contexts below.
Accessibility snapshot
Pairs better with black text (5.3:1) than white (3.9:1).
See this colour in the real world
Colours in photographs vary with lighting, material, camera processing and screen calibration — the named colours below are visual approximations, not exact measurements.
Fabric
Linen's slightly irregular, hand-visible weave scatters light diffusely, which is why it reads as a relatively flat, 'honest' colour compared with a smoother, more reflective fabric.
Undyed linen carries the fibre's own natural colour, which varies by harvest and processing — treat this specific piece as one example, not a fixed 'linen colour'.
Matte black eyewear rarely photographs as a flat, even black — the visible grey highlights here are simply the frame's own matte surface catching studio light unevenly.
This matte frame reflects studio light unevenly, so it photographs as a range of greys rather than a flat black — a genuine optical effect of a matte black material rather than a colour-accuracy problem.
A 'neutral' grey paint rarely has zero underlying hue — most greys carry a faint green, blue or violet undertone that is invisible in isolation but becomes visible once the colour is seen at scale, next to certain artificial lighting, or beside a strongly coloured carpet or furniture that pushes the eye to perceive the opposite/complementary cast more strongly.
In practice: A grey that reads green once painted is very often revealing an undertone that was always there, not changing colour — checking the paint's own listed undertone before buying, and testing a large sample next to the room's actual flooring, catches this before a whole wall is painted.
Cool, moderate-contrast scheme intended to offset the room's own warm light rather than to be visually dramatic on its own.
This palette assumes typical Northern Hemisphere south-facing light (strong, warm direct sun); in the Southern Hemisphere the equivalent orientation is north-facing — see the lighting guide's hemisphere note. Check the wall colour specifically at midday, when direct sun is strongest.
Black-fixture monochrome bathroom
Contemporary, graphic, confident in a small footprint.
High value contrast between pale walls and black fixtures is the entire point of this scheme.
Matte and gloss black fixtures reflect light very differently from each other — check the specific finish under the bathroom's actual lighting before committing.
Warm wall against cool floor and hardware — a deliberate temperature contrast rather than a value contrast.
Polished concrete is highly reflective — expect real glare and colour-bounce effects a flat swatch can't show; view a sample under the room's actual lighting.
Concrete's real colour varies considerably by mix, sealant and polish level — treat grey here as a general direction, not a specific concrete's exact tone.
Used in outfit palettes
Grey appears in the following curated Fashion outfit palettes.
Pale, muted colours like these are especially sensitive to bulb colour temperature — check the pairing under both daylight and your usual indoor lighting.
Green-eye-inspired accent palette
An optional way to echo green eyes without matching them literally.
This is an optional styling idea, not a claim that green clothing makes green eyes look a specific way — eye colour perception itself varies with lighting.
Used in historical palettes
Grey appears in the following curated historical/cultural palettes.
These HEX values are a modern digital approximation for comparison — they cannot exactly reproduce a historical physical pigment, dye or dyed cloth, whose appearance also varied by batch, ageing and the light it was viewed in.
Pairings
Calculated from Grey’s position on the HSL wheel (hue 0°, saturation 0%, lightness 50%). Colour-wheel pairings are a design convention, not a guarantee: check any pairing in the light and material you will use it in.
Taupe Grey is the closest, at ΔE00 4.9 from grey: 3 points lighter and 3 points more saturated. That is visibly different side by side, easily confused apart.
Storm Grey is next, at ΔE00 5.3 from grey: 3 points darker and 4 points more saturated. That is visibly different side by side, easily confused apart.
Slate Grey is next, at ΔE00 8.9 from grey: 11 points more saturated. That is clearly different, though many people would use one name for both.
Beaver is next, at ΔE00 13.6 from grey: 3 points lighter and 16 points more saturated. That is a different colour at a glance.
Worked out from this colour’s own measurements — its lightness, saturation and undertone — rather than written for it. That is why the guidance differs from one colour to the next even when the two look similar.
What role it can play
This is a large-surface colour. At chroma 0 it is restrained enough to cover a lot of ground without tiring, and too quiet to work as an accent.
Walls and large surfaces
strong
Chroma 0 sits inside the range walls and large surfaces carry without taking over the room.
Secondary surfaces
strong
Chroma 0 sits inside the range secondary surfaces carry without taking over the room.
Furniture
strong
Chroma 0 sits inside the range furniture carry without taking over the room.
Rugs, curtains and bedding
strong
Chroma 0 sits inside the range rugs, curtains and bedding carry without taking over the room.
Trim and joinery
strong
Chroma 0 is restrained enough for trim and joinery without competing, which is what makes it easy to build around. Trim is a small area but a long edge, so it reads more than its square metreage suggests.
Accents and small objects
difficult
At chroma 0 this is too quiet to read as an accent — it will look like something that happened rather than something chosen.
As an accent: high-contrast accent
With almost no chroma, this works as an accent only through lightness. Against a mid-toned room it contrasts by being much lighter or much darker, not by being colourful.
With almost no hue of its own, this mostly reports the colour of the light. Under warm bulbs it will read warm — which is not the colour changing but the colour being honest.
Under cool bulbs
Near-neutral under any source, so a cool bulb will simply make it read cool.
In daylight
A mid-tone reads most consistently across the day, which is why so much upholstery sits in this band.
In a dim room
Near-neutrals lose what little hue they have at low light levels, so this will read as a plain grey after dark.
Compared with the sample card
Expect a modest step darker than the chart, which is normal and is why sampling a large area matters.
Walnut · Pine · Plywood · Light wood (ash, birch, beech) · Dark wood · Reddish wood (mahogany, cherry, teak)
works well
With almost no hue of its own, this cannot argue with Walnut, Pine, Plywood, Light wood (ash, birch, beech), Dark wood and Reddish wood (mahogany, cherry, teak), and 22–32 points of lightness keep them distinguishable from it.
Oak
workable
No hue conflict with Oak, but only 13 points of lightness separate it from this colour, so expect it to sit quietly beside it rather than to contrast.
The amount of timber matters as much as the tone: one piece is an accent, a floor plus joinery is the room’s dominant colour. More on working with wood tones
With metal fittings
Chrome · Stainless steel · Black metal
works well
With almost no hue of its own, this cannot argue with Chrome, Stainless steel and Black metal, and 22–46 points of lightness keep them distinguishable from it.
Brass · Gold-tone · Copper
workable
No hue conflict with Brass, Gold-tone and Copper, but only 14 points of lightness separate them from this colour, so expect them to sit quietly beside it rather than to contrast.
Metal carries more attention than its area suggests, so repetition matters more than the exact finish. More on metals and mixing them
Where it can go wrong
May flatten against similar neutrals. With so little chroma the only thing separating this from a neighbouring beige or grey is lightness, so anything within about fifteen points of it will merge.
Calculated directional adjustments. Some directions converge on the same result from this starting colour — shown as one merged card with an explanation, not repeated duplicates. Generated shades link to a curated profile only when one is close enough.
A basic term defined by the absence of chroma. Its light end becomes silver or off-white, its dark end charcoal; a slight hue makes it a warm or cool grey rather than another colour.
CSS accepts both 'gray' and 'grey' as the same value.
.jpg)
