Glitter
Meet Glitter (#E6E8FA), a delicate off-white with a whisper of lavender-blue. This shade stands out for its subtle coolness and high luminosity, offering a clean, airy quality that can brighten any digital interface without overwhelming the user. It's a sophisticated, near-neutral with a hint of personality.
What color is Glitter?
Glitter is a delicate, near-white shade, distinguished by its subtle infusion of color. It presents as a very light, cool-toned hue that sits on the cusp of gray and lavender.
Its character comes from a faint violet-blue undertone, giving it a crisp, airy quality. This cool temperature makes Glitter a refreshing alternative to standard off-whites.
What meaning does the color Glitter (#E6E8FA) convey in user interfaces?
The color Glitter, #E6E8FA, suggests a sense of subtle enchantment and sophistication. Its name brings to mind a gentle sparkle, while the pale lavender hue itself conveys tranquility and a clean, modern sensibility.
Symbolically, Glitter represents clarity, creativity, and quiet optimism. It combines the calming properties of light blue and purple with a name that hints at celebration, making it a color of gentle inspiration and refined imagination.
How can I use the color Glitter in my UI design?
Glitter, with its #E6E8FA hex code, works beautifully as a subtle background tint to differentiate sections without demanding attention. To maintain readability, pair it with high-contrast text, like a deep charcoal or near-black. For accent colors, consider deep violets or navy blues for a sophisticated palette, or introduce a muted coral for a gentle, complementary pop.
This family of soft, approachable purples is gaining traction in the tech space. You can spot similar shades in the interfaces of brands like GitLab, Uxcel, and Zocdoc, where it helps create a clean, modern, and trustworthy atmosphere.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Glitter performs in real UI components from leading apps.
Using Glitter color codes
Using the color Glitter in your projects starts with its hex code, #E6E8FA, the standard for web design. For different applications, like print, you will need to convert this value into another color model.
Color codes such as RGB are fundamental for digital displays, combining red, green, and blue light to produce on-screen color. For physical media, you’ll work with CMYK, which is based on ink. Models like HSL provide a more direct way to adjust color by manipulating its hue, saturation, and lightness.
To simplify your workflow, we have converted #E6E8FA into a range of popular formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous schemes pair Glitter with its neighbors on the color wheel. This combination results in a visually pleasing and harmonious color palette.
Complementary
Complementary colors are found opposite each other on the color wheel. Pairing one with Glitter produces a bold, high-contrast look for any interface.
Split Complementary
The split complementary scheme pairs Glitter with the two colors on either side of its complement, providing strong visual contrast with less tension.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Glitter as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme uses four colors in total, made from two complementary pairs. See how Glitter can anchor these balanced yet vibrant palettes.
Square
A square color scheme uses four colors equidistant on the color wheel. This creates a vibrant, high-contrast palette with Glitter as its foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Glitter are created by adding black, giving the color more depth and weight.
Tints
Adding white to Glitter produces tints, which are lighter variations that soften the original hue.
Tones
Tones of Glitter are created by adding gray, resulting in softer, less saturated variations.
Hues
Hues are variations of Glitter (#E6E8FA) that alter its intensity or temperature for different visual 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.





























































































































