Steel Wool
Meet Steel Wool, #787B7D, a mid-tone gray with a subtle cool undertone that gives it a distinct, industrial character. Its balanced nature makes it a reliable foundation without being stark, offering a quiet strength to any design palette.
What color is Steel Wool?
Steel Wool is a solid, medium-dark gray with a distinct cool temperature.
Its character comes from a subtle blue undertone, giving it a crisp, metallic quality that sets it apart from warmer, earthier grays.
What is the meaning behind the color Steel Wool?
Steel Wool (#787B7D) is a color of balance and intellect. Psychologically, this shade of gray represents neutrality and composure, offering a stable foundation that feels both timeless and modern.
It evokes a sense of quiet strength and reliability, drawing its meaning from the industrial resilience of its namesake. The color symbolizes a practical, sophisticated strength without the starkness of pure black.
What are the best applications for Steel Wool in UI design?
Steel Wool’s neutral character makes it a versatile supporting actor in any design. Use #787B7D to create a clear visual hierarchy by applying it to secondary text, borders, or disabled states. For contrast, pair it with vibrant, saturated colors to make them pop, or combine it with other neutrals for a sophisticated, minimalist feel. It works well with both warm tones like ochre and cool shades like cerulean.
While not a widely used primary brand color, this presents an opportunity for distinction. Brands like Yik Yak and Endel have successfully built palettes around similar gray tones, creating a mature and focused aesthetic. Using Steel Wool can help your design feel both unique and grounded.
To see how Steel Wool works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview the color applied to real UI components from top brands.
Using Steel Wool color codes
While the hex code #787B7D is the standard for web development, you will need to convert it for other mediums. Different design applications require different color models, from digital displays to physical print materials.
For instance, RGB values are fundamental for screen-based projects, defining color through light. For print work, you'll rely on the CMYK model. Other formats like HSL offer a more intuitive way to manipulate color, while models such as LAB and LCH provide device-independent color specifications.
To make things easier, we've converted the Steel Wool hex code #787B7D into several popular formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors are hues neighboring Steel Wool on the color wheel. Their proximity results in a naturally harmonious and calming visual composition.
Complementary
Complementary colors are opposites on the color wheel. When paired with Steel Wool, they create a striking, high-contrast visual effect.
Split Complementary
A split complementary palette for Steel Wool pairs it with the two colors neighboring its complement, creating high contrast with less tension.
Triadic
A triadic scheme forms a triangle on the color wheel. Using Steel Wool as a base, this creates a vibrant, high-contrast, multicolored palette.
Tetradic
Tetradic schemes pair Steel Wool (#787B7D) with three other hues, creating two sets of complementary colors for a balanced yet dynamic palette.
Square
The square color scheme uses four hues equidistant on the color wheel. This creates a vibrant, high-contrast palette with Steel Wool as a base.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Steel Wool, created by adding black for depth and weight.
Tints
Tints are lighter versions of Steel Wool, created by adding white for a softer feel.
Tones
Tones are created by adding gray to Steel Wool, resulting in a softer, desaturated look.
Hues
Hues are variations of Steel Wool, sharing its base but differing in intensity or temperature.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.



























































































































