Machinery

#9999aa

Balanced gray-lavender between steely warmth and bluish haze

Save
Share

About Machinery

Machinery always reads like a factory floor seen through smudged glass. It's that in-between gray that feels engineered and steady, not soft, not dusty, and not quite as heavy as . Compared to , it doesn't lean as cool or muted. Compared to , it's less warm and less approachable.

I use it when the UI needs a neutral surface with a slightly restrained tone, especially in dashboards and finance apps where numbers and tables have to stay the star. Think panel backgrounds, dense settings screens, and the backing for charts in operations, logistics, and admin tools. It's the one you reach for when you want a consistent, medium-dark gray that holds its own near lighter grays without pulling the whole layout toward warmth or chill.

Pair it with crisp type and tight borders, and keep accents either clean and cool or clearly warm so the undertone doesn't look indecisive.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.80:1Fail

On Gray 100 #f5f5f5

Aa
2.57:1Fail

On Gray 900 #18181b

Aa
6.32:1AAAAA Large

On Black #000000

Aa
7.49:1AAA

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

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Machinery

Open the generator with this color pre-loaded.

Start creating