Gray Matters

Meet Gray Matters (#A7A8A2), a sophisticated neutral that defies simple categorization. Its subtle green undertone gives it a unique character, setting it apart from typical grays and offering a quiet complexity for any design palette. This is a gray with a point of view.

Gray Matters
#A7A8A2
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Gray Matters?

Gray Matters is a balanced, mid-tone gray that sits comfortably between light and dark.

Look closer, and you'll notice a faint green-khaki undertone, giving it a soft, organic warmth that distinguishes it from cooler, more industrial grays.

What is the meaning behind the color Gray Matters (#A7A8A2)?

Gray Matters (#A7A8A2) is a color of intellect and composure. It represents the quiet confidence of experience and the balance found in thoughtful compromise, moving beyond simple black-and-white dichotomies.

This shade evokes a sense of calm and sophistication. It's a grounding, professional hue that speaks to substance and maturity without demanding attention, making it a foundation for serious and elegant design.

How can I use Gray Matters in my UI design?

Gray Matters, with its hex code #A7A8A2, works beautifully as a calming background that allows brighter accent colors to stand out. For sufficient contrast, pair it with dark charcoals for text or crisp whites for surrounding elements. It also forms elegant monochromatic schemes when combined with lighter and darker shades of gray, creating a clean, modern feel.

Few major brands have adopted a color quite like Gray Matters for their primary identity, making it a unique choice for those looking to build a distinguished presence. The AI assistant Claude employs a similar palette, projecting an image of intelligence and subtlety. Using this color could signal a departure from the loud, saturated colors common in tech.

To see how Gray Matters performs, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #A7A8A2 in UI components from top brands.

Using Gray Matters color codes

The hex code for Gray Matters is #A7A8A2, your starting point for any digital application. While hex is the web standard, your project might require different color models depending on the medium or software you're using.

For instance, you'll need RGB values for screen-based projects, as it defines color through red, green, and blue light. For print work, the CMYK equivalent is essential, representing cyan, magenta, yellow, and black inks. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to adjust color properties in your design software.

To make your workflow smoother, we've converted #A7A8A2 into a range of popular formats. You can find and copy the exact codes you need for your project below.

Gray Matters Code Conversions

HEX
#A7A8A2
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Gray Matters Color Harmonies

Analogous

Analogous colors are three adjacent hues on the color wheel. With Gray Matters as a base, these combinations produce a cohesive and tranquil effect.

#123456
#123456
#123456

Complementary

Complementary colors sit directly across from each other on the color wheel, creating maximum contrast and making pairings with Gray Matters pop.

#123456
#123456

Split Complementary

A split complementary palette for Gray Matters uses the two colors neighboring its complement, creating a high-contrast yet harmonious and flexible color scheme.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Gray Matters, this creates a vibrant and balanced palette.

#123456
#123456
#123456

Tetradic

Formed by two sets of complementary colors, tetradic palettes offer a rich foundation for design when built around a neutral like Gray Matters.

#123456
#123456
#123456
#123456

Square

A square color scheme features four colors evenly spaced on the color wheel. This method builds a vibrant, high-contrast palette around Gray Matters.

#123456
#123456
#123456
#123456

Gray Matters Color Variations

Shades

Shades are darker versions of Gray Matters, created by adding black to give depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Gray Matters, made by adding white for a softer appearance.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are muted variations of Gray Matters, created by adding gray to soften its saturation.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Gray Matters, differing in intensity or temperature to create distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Gray Matters?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

All Brands That Use Colors Like Gray Matters

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion