Gem Stone
Meet Gem Stone (#EAE5EA), a subtle off-white with a distinct personality. Its most striking quality is the faint, cool undertone that gives it a clean, almost crystalline appearance, setting it apart from typical neutral shades and offering a refined base for any design palette.
What color is Gem Stone?
Gem Stone is a delicate off-white with a cool temperature.
It carries subtle lavender undertones, giving it a soft, almost ethereal quality that distinguishes it from a pure gray.
What is the symbolic meaning of Gem Stone?
Gem Stone is a color of quiet sophistication and tranquility, symbolizing balance and clarity.
Its subtle, near-white character evokes a sense of modern elegance and calm, making it a foundation for thoughtful and refined design.
How can I effectively use Gem Stone in my UI design?
Gem Stone (#EAE5EA) works beautifully as a sophisticated background or a subtle off-white in minimalist designs. Because of its lightness, pair it with dark, legible text—think charcoal gray or a deep navy—to meet accessibility standards. For color pairings, consider a monochromatic scheme with richer purples or an analogous palette with cool blues to create a calm, cohesive interface.
While not a dominant brand color, Gem Stone's subtle character is an asset. It provides a clean canvas, similar to the understated backgrounds seen in platforms like Squarespace or Life360, allowing primary brand colors and content to take center stage. Its rarity as a primary identifier means using it can give a design a unique, refined feel without being loud.
To see how Gem Stone performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Gem Stone in real UI components from top brands.
How do I use Gem Stone color codes?
To apply Gem Stone in your digital projects, start with its hex code: #EAE5EA. This six-digit code is a web-safe standard that precisely defines the color for browsers and most design software.
From this hex value, you can generate other color models for different applications. For instance, RGB (Red, Green, Blue) values are essential for screen-based media, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for print materials. Each model provides a different way to specify the color for its intended medium.
We've converted #EAE5EA into a range of popular formats for you. Find and copy the exact values you need for your project below.
Analogous
Analogous colors are neighbors on the color wheel. For Gem Stone, this combination creates a harmonious and tranquil palette, perfect for serene designs.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with Gem Stone, they create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Gem Stone pairs it with the two colors adjacent to its direct opposite, offering high contrast with added harmony.
Triadic
A triadic palette is built from three colors equidistant on the color wheel. See how Gem Stone pairs with two others for a vibrant, balanced effect.
Tetradic
A tetradic scheme for Gem Stone combines two pairs of complementary colors, forming a rectangle on the color wheel for a balanced, vibrant palette.
Square
A square color scheme is a tetradic variation using four evenly spaced colors, creating a palette with rich contrast built around Gem Stone.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Gem Stone, made by adding black for more depth and weight.
Tints
Tints are lighter versions of Gem Stone, created by mixing in white for a softer effect.
Tones
Tones are muted versions of Gem Stone, created by adding gray to soften its saturation.
Hues
Hues are variations of Gem Stone's base color, differing in intensity or temperature for distinct effects.
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.
