Urban Gray
Meet Urban Gray (#92969A), a sophisticated neutral that finds its strength in subtlety. This balanced mid-tone gray stands out with its cool, contemporary character, offering a solid foundation without overpowering the visual hierarchy. It's a quiet workhorse for any modern design palette.
What color is Urban Gray?
Urban Gray is a balanced, medium-toned gray that sits comfortably between light and dark shades.
It carries a distinct cool temperature, with a subtle blue undertone that gives the color its modern, steely appearance.
What is the meaning of the color Urban Gray?
Urban Gray represents stability, sophistication, and a certain industrial coolness. It carries the symbolism of modernity and structure—solid, reliable, and professional.
Psychologically, Urban Gray (#92969A) evokes a sense of calm and composure. It's a neutral, impartial color that suggests balance, timelessness, and a detachment from fleeting trends.
What are the best practices for using Urban Gray in UI design?
Urban Gray (#92969A) works beautifully as a sophisticated foundation in UI design. Use it to ground a vibrant palette by pairing it with a single, strong accent color, or create a layered, monochromatic look with crisp whites and deep charcoals. It’s particularly effective for secondary text, inactive UI states, and subtle backgrounds where it adds depth without demanding attention.
While not a widely used primary brand color, shades similar to Urban Gray are present in the interfaces of product-focused companies like Typefully and Linear. This suggests an association with modern, understated confidence, making it a strong choice for brands that want to project precision and clarity.
To see how #92969A performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Urban Gray in real UI components from leading brands.
Using Urban Gray color codes
To apply Urban Gray in your digital projects, the hex code #92969A is your starting point. This six-digit code is the standard for specifying colors in HTML and CSS, making it fundamental for any web-based work.
Different applications, however, require different color models. For digital displays, you might use RGB values which define color through red, green, and blue light. For print materials, CMYK is the go-to, representing cyan, magenta, yellow, and black inks. Converting between these models is a routine part of a designer's workflow.
To help you apply Urban Gray across your projects, we've converted #92969A into several common formats. You can find and copy the exact codes you need right below.
Analogous
Analogous colors are found directly next to Urban Gray on the color wheel. This combination results in a visually harmonious and serene palette.
Complementary
Complementary colors are opposites on the color wheel. When paired with Urban Gray, these hues create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme pairs Urban Gray with the two colors sitting next to its complement, creating a look with strong contrast but less tension.
Triadic
Triadic palettes pair Urban Gray with two additional hues from equidistant points on the color wheel, creating a balanced yet visually striking combination.
Tetradic
A tetradic color scheme for Urban Gray uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme uses four colors equidistant on the color wheel. With Urban Gray as a base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Urban Gray creates darker shades, giving the color more depth and weight.
Tints
Tints are lighter versions of Urban Gray, produced by adding white for a softer effect.
Tones
Tones are muted versions of Urban Gray, created by adding gray to soften the color’s saturation.
Hues
Hues are variations of Urban Gray that share its base but differ 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.
