Stone Gray
Stone Gray (#888C8D) is a mid-tone neutral that’s more than meets the eye. Its character stems from subtle cool undertones, giving it a quiet complexity that sets it apart from typical grays. This unique quality makes it a sophisticated foundation for any design palette.
What color is Stone Gray?
Stone Gray is a mid-range gray defined by its cool character.
It has a subtle green-blue undertone, giving it more visual complexity than a simple achromatic gray.
What meaning does Stone Gray convey in user interfaces?
Stone Gray embodies balance and composure. As a neutral shade, it communicates a sense of calm and sophistication, offering a stable, grounding presence without demanding attention.
Symbolically, the color #888C8D suggests strength, permanence, and resilience. It evokes the enduring quality of natural stone, representing something solid, reliable, and timeless.
How can I effectively use Stone Gray (#888C8D) in my UI design?
To apply Stone Gray (#888C8D) effectively, use its neutral character to your advantage. It works well as a primary background, where it makes vibrant accent colors pop, or as a supporting color for text and UI elements. For a more restrained and elegant palette, pair it with other neutrals and off-whites to create a clean, structured layout.
While not a widely adopted primary brand color, its subtle and grounded feel is used by apps like Typefully. This relative rarity presents an opportunity for a product to establish a distinct and mature visual identity that stands apart from the crowd.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Stone Gray in real UI components of top brands.
How do I use the Stone Gray color codes?
To apply Stone Gray in your work, simply use its hex code, #888C8D, in your design software. This specific code is the standard for defining colors on the web, ensuring consistency across different browsers and devices.
Hex codes are just one way to represent color. For digital projects, you might use RGB values, which specify the intensity of red, green, and blue light. For print, you'll need CMYK values, which correspond to the ink colors used in printing. Other models like HSL (Hue, Saturation, Lightness) provide different ways to manipulate the color.
We have translated #888C8D into a variety of formats for your convenience. Find the exact codes you need for your project below and copy them directly into your workflow.
Analogous
Analogous colors sit beside Stone Gray on the color wheel. They work together to produce a cohesive and tranquil design palette.
Complementary
Opposites on the color wheel, complementary colors create a vibrant, high-contrast look when used alongside the neutral base of Stone Gray.
Split Complementary
A split complementary palette offers strong visual contrast with less tension by pairing Stone Gray with the two colors adjacent to its complement.
Triadic
A triadic harmony is built from three hues equidistant on the color wheel. This approach gives Stone Gray two vibrant, contrasting companion colors.
Tetradic
A tetradic scheme for Stone Gray involves two sets of complementary colors, forming a rectangle on the color wheel for a vibrant four-color palette.
Square
A square color scheme pairs Stone Gray with three other colors, all equidistant on the color wheel, for a lively and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
By adding black to Stone Gray, you create darker shades that add depth and weight.
Tints
Tints of Stone Gray are lighter variations created by adding white, resulting in a softer appearance.
Tones
Tones of Stone Gray are created by adding gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Stone Gray, differing in intensity or temperature to create distinct moods.
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.


























































































































