French Gray
Meet French Gray (#C7CACC), a sophisticated neutral with a subtle, cool undertone. Its quiet complexity sets it apart from standard grays, offering a nuanced foundation for palettes that require a touch of understated elegance without committing to a strong hue.
What color is French Gray?
French Gray is a light, cool-toned gray with subtle blue undertones.
It has a soft, muted appearance that feels more organic and less like a flat, digital gray.
What is the meaning of French Gray (#C7CACC)?
French Gray embodies a sense of calm and balance. As a neutral shade, it represents stability and composure, offering a quiet backdrop that feels both grounded and professional.
The 'French' in its name hints at a timeless elegance and sophistication. This color, #C7CACC, often brings to mind classic European aesthetics, suggesting a refined and enduring quality in design.
How can I use French Gray in UI design?
French Gray (#C7CACC) serves as a sophisticated foundation in UI design, ideal for backgrounds or large surfaces that create a calm, focused atmosphere. To maintain clarity and guide the user, pair it with high-contrast colors for text and interactive elements. It creates a classic look alongside deep navies and rich burgundies, while a pop of bright coral or mustard yellow can introduce a modern, energetic feel.
While not a dominant color for many companies, brands like Amie, Endel, and Peloton incorporate similar muted grays to support a serene and premium user experience. This suggests French Gray is a strong choice for products aiming for understated elegance, offering a chance to stand apart from more common, vibrant brand palettes.
Explore curated palettes, test color contrast for accessibility, and preview French Gray in real UI components from top brands using the tools below.
Using French Gray color codes
Working with French Gray in your design software begins with its hex code, #C7CACC. While this is the go-to for web development, you will likely need to translate it for different applications and mediums.
Each color model serves a specific purpose. For digital screens, you will use its RGB values, which dictate the intensity of red, green, and blue light. For print materials, the CMYK code is required, representing the ink mixture of cyan, magenta, yellow, and black. Other models like HSL, LAB, and LCH provide alternative ways to specify the color for different technical requirements.
To make things easier, we have converted #C7CACC to a range of popular formats. You can find and copy the exact codes you need for your project below.
Analogous
Analogous colors sit next to each other on the color wheel. Pairing them with French Gray results in a serene and unified palette.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with French Gray, they create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme pairs French Gray with the two colors adjacent to its direct opposite, offering high contrast with more nuance.
Triadic
Triadic color schemes use three hues equidistant on the color wheel. Starting with French Gray, this method produces a vibrant and balanced palette.
Tetradic
A tetradic scheme pairs French Gray with three other colors, using two sets of complements to build a rich and balanced four-color palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel. With French Gray, this method produces a vivid, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to French Gray creates shades, which introduce a sense of weight and gravity.
Tints
Tints are lighter versions of French Gray, created by adding white for a softer feel.
Tones
Tones are created by mixing French Gray with gray, producing softer, more subdued variations.
Hues
Hues are variations of French 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.
