Gateway Grey
#a0a09c
Balanced mid gray with gentle green-lean undertone
About Gateway Grey
Gateway Grey sits right at the edge of readable. It's light enough that it doesn't demand anything from you, but it's not so pale it dissolves. There's a flatness to it that actually works, no warmth trying to convince you it belongs, no coolness keeping distance. It just is, which means whatever you put on top of it has to carry the weight.
You'll use this in product interfaces where neutral means neutral: design tools, code editors, CMS dashboards, anywhere the canvas itself should stay out of the conversation. Unlike Concrete Jungle, which has enough brown to feel grounded and purposeful, Gateway Grey doesn't declare a temperature. Unlike Cathedral, which is slightly warmer and subtly collaborative, this one's content-agnostic. It's the gray that lets your elements do the talking.
One thing to watch: very light accents will flatten against it. Saturated colors land well, but you lose some of that color-lifting magic you get from the warmer grays. It's a trade, pure neutrality for less visual pop.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.