Nickel

#929292

Neutral gray with warm, matte control in layouts

Save
Share

About Nickel

Nickel looks like the face of a brushed metal panel after a long day of hands-on work. It's a mid-light gray that holds onto a soft, slightly cool cast, but it never turns as muted or smoky as , and it doesn't pick up that gentle stay-grounded warmth you get from . Compared to , it's just a touch less neutral and a bit more metallic in its undertone, so it feels more like a finished surface than a plain wall.

I reach for Nickel in dashboards and finance apps when you want cards and tables to recede without getting washed out. Billing consoles, ops reporting views, and analytics UI for media platforms all benefit from the way this shade stays crisp around dense copy. It's also handy for settings screens and data-heavy CMS tooling where you want a cooler backdrop than but you still need legibility and structure.

Quirk: pair it with either clean, cool grays or slightly brighter whites for headers. Next to very rusty or yellow accents it can make those colors feel a little more aggressive than they should.

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
3.11:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.85:1Fail

On Gray 900 #18181b

Aa
5.69:1AAAAA Large

On Black #000000

Aa
6.75:1AAAAA Large

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

#919191
#8f9394
#989493
#8f8e8c
#969389
#918c8f

Create a gradient with Nickel

Open the generator with this color pre-loaded.

Start creating