Grey Area

#8f9394

Save

About Grey Area

Grey Area is the gray that sits between decisions. It's not warm enough to feel like Happy Cement's approachable pulse, and it's not dark enough to carry Aluminium's weight. What it does instead is occupy that tense middle ground where it refuses to apologize for being neither one thing nor the other, and that's exactly what makes it useful.

Use it in product interfaces, design systems, and dashboards where you need a surface that doesn't demand attention but won't fade either. It works as a secondary background, form field container, or disabled state color because there's just enough substance to read as intentional without the heaviness of Classic Movie. It pairs well with both warm and cool accents because it's neutral enough to get out of the way, but present enough that it won't disappear on screen.

The real tell: test it next to your lightest grays and your darker ones. Grey Area is the one that bridges the gap without feeling like compromise. It's steadier than Happy Cement, lighter than Aluminium, and less moody than Classic Movie. Reach for it when you need gray to be invisible in the best possible way, present, competent, and done with the conversation.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Create a gradient with Grey Area

Open the generator with this color pre-loaded.

Start creating