Whale
#7c8181
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
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
Suggested palettes
Palettes built around this color.