Silent Film

#9fa5a5

Neutral medium gray for restrained UI balance

Save
Share

About Silent Film

On my monitor, Silent Film feels like the pause between cuts: a neutral gray that lands softer and more airy than the steadier , but without 's rainy blue haze. It also doesn't carry 's blue-green personality. What you notice first is its light, low-saturation hush and slightly cool-neutral undertone that stays out of the way.

I use it as a calm primary field and page wash when the layout needs breathing room, especially in dashboards and finance apps where hierarchy has to be clear. It's solid for form backgrounds, table chrome, and secondary panels in SaaS and admin consoles because it doesn't compete with content the way more tinted grays can. Compared with Crown of , it feels less committed and more forgiving; compared with , it reads cleaner and less foggy.

Pair it with deeper slate text to keep it crisp. With pure white, it can start to look a touch too muted, so let the typography do a little more work.

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.50:1Fail

On Gray 100 #f5f5f5

Aa
2.29:1Fail

On Gray 900 #18181b

Aa
7.09:1AAA

On Black #000000

Aa
8.40: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.

Create a gradient with Silent Film

Open the generator with this color pre-loaded.

Start creating