Blue Blood
#6b7f81
About Blue Blood
Blue Blood is cooler than everything around it. It's got blue undertone that Classic Movie and Armour deliberately avoid, and more saturation than Aluminium, which means it actually reads as a color instead of just a neutral surface. It sits there with a slight teal lean, the kind of gray that doesn't apologize for having a temperature.
Reach for it in product interfaces, data dashboards, and design systems where you need a secondary surface that feels intentional without being warm. It works as a form background, a card layer, a sidebar that needs some presence. Finance apps, healthcare records, admin tools, anywhere you're already leaning into cool tones and want the supporting surfaces to agree with that direction instead of fight it.
Pair it with deep text or muted accents and it holds up clean. The difference: it's more saturated and visibly cooler than its gray neighbors, so it won't feel like a step back if your primary surfaces are already pushing blue. It works harder to feel calm than Classic Movie does because it's not relying on warmth to soften things, it's relying on restraint.
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.