Davys Grey
Meet Davys Grey (#5E5E5E), a deep and sophisticated neutral that offers a compelling alternative to pure black. Its understated character provides a solid foundation for any palette, bringing a quiet strength and modern feel to user interfaces without the harshness of absolute black.
What color is Davys Grey?
Davys Grey is a dark, warm gray with a soft, slate-like appearance.
Close to charcoal, it carries subtle undertones that can lean towards purple or brown, giving it a grounded, earthy quality.
What is the symbolic meaning of Davys Grey (#5E5E5E) for designers?
Davys Grey embodies balance and sophistication. It often communicates professionalism and stability, creating a sense of calm and composure in a design.
Historically a pigment made from powdered slate, its earthy origins give it a symbolism of strength, resilience, and timeless dependability.
How can I effectively apply Davys Grey (#5E5E5E) in my UI design?
Davys Grey (#5E5E5E) works well as a foundational color in a palette. Its dark, neutral character provides a strong base for text or backgrounds, creating significant contrast with lighter shades. For a vibrant interface, pair it with bright, saturated accent colors to make them stand out. Alternatively, combine it with other neutrals like off-whites and beiges for a more minimalist and elegant aesthetic.
While not a flashy primary color, shades similar to Davys Grey are a quiet workhorse in many popular apps. You can see its influence in the interfaces of products like Rive, Hinge, OKX, and even Wikipedia, where it often serves as a stable color for text, icons, or secondary containers, lending a sense of structure and readability.
To see how Davys Grey can fit into your own work, use the tools below. You can explore curated palettes, check color contrast for accessibility, and see the shade applied to real UI components from leading apps.
Using Davys Grey color codes
Working with Davys Grey begins with its hex code, #5E5E5E. This value gives you a dependable, mid-tone gray that serves as a solid foundation for any digital or print project, offering a consistent starting point for your color work.
While #5E5E5E is standard for web, you will need other formats for different media. For digital screens, you will work with its RGB (Red, Green, Blue) values. For print materials, you will need the CMYK equivalent (Cyan, Magenta, Yellow, Key/Black). Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To simplify your workflow, we have converted #5E5E5E into a range of popular formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors sit next to Davys Grey on the color wheel, creating a harmonious and serene palette perfect for cohesive designs.
Complementary
Sitting opposite on the color wheel, complementary colors produce a vibrant, high-contrast look when used alongside a neutral like Davys Grey.
Split Complementary
For Davys Grey, a split complementary palette takes the two colors next to its opposite on the color wheel, creating high contrast with less tension.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. This creates a vibrant, high-contrast palette with Davys Grey as a base.
Tetradic
A tetradic scheme pairs Davys Grey with three other hues, forming two complementary pairs in a rectangle on the color wheel for rich, balanced combinations.
Square
Square color schemes pair four colors evenly spaced on the color wheel. With Davys Grey, this creates a balanced yet highly contrasting combination.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Davys Grey are made by mixing in black, creating darker, weightier tones.
Tints
Tints of Davys Grey are lighter values made by mixing in white for a softer effect.
Tones
Tones of Davys Grey are created by adding gray, resulting in softer, less saturated versions.
Hues
Hues are Davys Grey variations differing in intensity or temperature, creating warmer or cooler tones.
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.






























































































































