Grey Matter
Meet Grey Matter (#838585), a perfectly balanced neutral that stands on its own. This mid-tone grey possesses a quiet confidence, offering remarkable stability that creates a sophisticated canvas for any palette. It’s a foundational shade that feels both modern and timeless.
What color is Grey Matter?
Grey Matter is a medium-dark grey with a balanced, solid appearance.
On closer inspection, it reveals a cool temperature, carrying subtle green-blue undertones that give it a quiet complexity.
What is the meaning of Grey Matter (#838585) in UI design?
The name says it all—Grey Matter is the color of intellect, contemplation, and composure. It represents the balance and neutrality found in considered thought.
This specific shade, #838585, evokes a sense of professionalism and enduring stability, suggesting substance without the need for fanfare.
How can I use Grey Matter in my UI design?
To apply Grey Matter effectively, consider its role in your visual hierarchy. The mid-tone nature of #838585 makes it an excellent supporting color. Use it to create a subtle background that allows brighter accent colors to stand out, or pair it with other neutrals for a refined, monochromatic palette. It works well for secondary text, inactive UI states, and container backgrounds, provided you check for sufficient contrast.
While not a widely used primary brand color, some apps like Endel have built a serene identity around similar shades. This relative rarity presents an opportunity; using Grey Matter can help a product feel distinct and sophisticated, placing the focus squarely on the content and user experience.
To see how Grey Matter performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #838585 in real UI components from top applications.
How do I use the Grey Matter color codes?
While #838585 is the go-to HEX code for using Grey Matter in digital projects, you'll often need to translate it into other color models. Different projects, from print to digital displays, require specific color codes for accurate reproduction.
For instance, RGB values are essential for anything on a screen, as they define colors by mixing light. In contrast, CMYK is the standard for printed materials, representing colors through ink. Other models like HSL, LAB, and LCH offer different ways to define and manipulate color properties.
To help you get started, we've converted Grey Matter's #838585 code into a variety of popular formats. You can find and copy the exact values you need for your design tools below.
Analogous
An analogous scheme pairs Grey Matter with its neighbors on the color wheel, resulting in a unified and peaceful design composition.
Complementary
Complementary colors sit on opposite ends of the color wheel. Pairing them with Grey Matter produces a vivid, high-contrast combination with strong visual impact.
Split Complementary
A split complementary scheme for Grey Matter uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.
Triadic
A triadic scheme involves three colors equidistant on the color wheel. With Grey Matter, this combination produces a vibrant palette with strong, balanced contrast.
Tetradic
Formed by two complementary pairs, a tetradic scheme offers rich, vibrant palettes. Explore these options built around our featured color, Grey Matter (#838585).
Square
A square color scheme pairs Grey Matter with three other colors, all equidistant on the color wheel, creating a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Grey Matter, made by adding black to create visual weight.
Tints
Tints of Grey Matter are lighter variations, created by adding white for a softer appearance.
Tones
By adding gray to Grey Matter, you create tones—softer, less saturated versions of the color.
Hues
Hues are variations of Grey Matter, sharing its base color 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.


























































































































