Walrus

#999b9b

Warm mid-gray that tempers cooler panel tones

Save
Share

About Walrus

I keep looking at Walrus and thinking it's what happens when a mid-gray gets a little more warmth and a little more "surface" to it. It's not the cool hush of , and it doesn't sit as neatly restrained as Crown of . Compared to those, Walrus turns slightly more neutral-warm, with a softer, steadier presence that feels less airy and less strictly cool.

In production UI, I reach for Walrus in dashboards and finance apps when I want panels to feel calm but not cold. It works well for card backgrounds, form gutters, and section headers in SaaS and admin consoles where the UI has to look assembled, not clinical. If you're coming from , Walrus reads a touch gentler and less "concrete-shadow," so it pairs nicely with dark slate text without feeling heavy.

One quirk: because it leans warmer than those nearby grays, it can pull your accent palette toward creams or muted browns. If your brand reds or blues are very saturated, you may need to tune the background density so the contrast stays crisp.

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

On Gray 100 #f5f5f5

Aa
2.56:1Fail

On Gray 900 #18181b

Aa
6.34:1AAAAA Large

On Black #000000

Aa
7.52: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

#a3999c
#9698a3
#91979f

Create a gradient with Walrus

Open the generator with this color pre-loaded.

Start creating