Whale

#7c8181

Save

About Whale

I think of Whale as the gray you see on the underside of a foggy dock post. On screen it reads calmer than Classic Movie, not quite as grounded as Mt. Rushmore, and it avoids Gryphon's faint brown pull. It sits a little cooler and slightly softer, with low saturation that makes it feel more muted than dry.

This is my pick for surfaces where you want structure without "gray heaviness": dashboards and finance apps when you need cards and tables to look settled, hospital or HR systems for form backgrounds that shouldn't distract, and admin panels where section dividers should recede. Whale works as a reliable base for secondary UI like list rows, empty-state panels, and modal layers. It's the one you reach for when you want hierarchy to stay quiet, especially in light-mode layouts.

Compared to Mt. Rushmore, Whale feels a touch more air-cooled and less neutral. If your palette leans very blue, test it against those accents so it doesn't start reading flat.","name":"Whale","family":"Gray

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 Whale

Open the generator with this color pre-loaded.

Start creating