Modern Gray
Meet Modern Gray (#D6CEC3), a sophisticated neutral that stands apart with its subtle warmth and earthy undertones. This complex shade offers a quiet yet compelling foundation for any design palette, bridging the gap between a classic gray and a warm, muted beige with remarkable subtlety.
What color is Modern Gray?
Modern Gray is a light, warm off-white with distinct beige undertones, often described as a "greige."
This warmth gives it an earthy quality, and in certain light, it can present a subtle green cast, distinguishing it from a simple neutral gray.
What is the meaning behind the color Modern Gray (#D6CEC3)?
Modern Gray embodies quiet confidence and balance, rooted in the stability of classic modernism.
Yet, its warmth introduces an organic, approachable feel, symbolizing a softer take on contemporary elegance.
How can I use Modern Gray in my UI design?
Modern Gray (#D6CEC3) shines as a sophisticated background that makes brighter accent colors pop. For a balanced composition, try pairing it with deep blues, earthy greens, or a vibrant coral. Its inherent warmth helps interfaces avoid a sterile feeling, making it a strong foundation for designs where readability is a priority.
While not a widely used primary brand color, its subtlety is its strength. You can spot similar muted grays in the branding of companies like Epidemic Sound and Cosmos, which use them to project a clean, professional aesthetic. Choosing a color like Modern Gray can give a product a unique and considered identity.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Modern Gray in real UI components from leading apps.
How do I use the Modern Gray color codes?
When working with Modern Gray, its hex code #D6CEC3 is your starting point for digital projects. This code directly tells browsers and design software the exact shade to display, which is fundamental for maintaining color consistency across different screens and devices.
While hex codes are standard for the web, you will often need to convert #D6CEC3 into other formats. For instance, RGB (Red, Green, Blue) values are essential for digital displays, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the go-to for anything destined for print. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To help you get started, we’ve converted Modern Gray’s #D6CEC3 hex code into a range of popular formats. Feel free to copy the values below for your projects.
Analogous
Analogous colors are found next to Modern Gray on the color wheel. This combination creates a harmonious and serene visual experience for any design.
Complementary
Complementary colors sit directly opposite each other on the color wheel. Paired with Modern Gray, they produce a striking and vibrant visual effect.
Split Complementary
Split complementary colors for Modern Gray use the two colors adjacent to its direct complement, offering a vibrant yet balanced palette for your designs.
Triadic
A triadic scheme uses three colors evenly spaced on the color wheel. This creates a high-contrast yet harmonious palette built around Modern Gray.
Tetradic
A tetradic palette for Modern Gray is built from two pairs of complementary colors, creating a rich, four-color harmony.
Square
A square color scheme uses four colors equidistant on the color wheel, creating a vibrant, high-contrast palette with Modern Gray as its foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Modern Gray, made by adding black for a weightier feel.
Tints
Tints of Modern Gray are created by adding white, resulting in lighter, softer variations.
Tones
Adding gray to Modern Gray creates tones, which are softer and less saturated versions.
Hues
Hues share Modern Gray's base color but vary in their intensity and 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.





























































































































