Spirit Wind
Spirit Wind (#E7E9DF) is a nuanced off-white that stands apart from stark whites. Its defining characteristic is a subtle, almost imperceptible green-gray undertone, giving it a quiet complexity and a soft, atmospheric quality perfect for building sophisticated palettes.
What color is Spirit Wind?
Spirit Wind is a warm off-white with a quiet complexity, carrying subtle green and yellow undertones.
This composition gives it a soft, organic quality, steering it clear of the starkness found in a clinical white.
What is the meaning of the color Spirit Wind?
Spirit Wind evokes a sense of calm and quiet sophistication, suggesting the feeling of a gentle, cleansing breeze.
Psychologically, the color #E7E9DF fosters tranquility and clarity, symbolizing a clean slate and a subtle connection to the natural world.
How can I effectively use Spirit Wind in UI design?
To apply Spirit Wind in UI and web design, use it as a background to build a spacious, breathable layout. It creates a sharp, readable contrast against dark charcoals and deep jewel tones, or it can produce a gentle, minimalist aesthetic when paired with other muted neutrals.
While few brands like Shake Shack or Ground News use it as a primary signature, the sophisticated, airy quality of Spirit Wind is present in the interfaces of products like Claude, Mailchimp, and Strut. Its relative rarity in branding presents an opportunity for differentiation.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Spirit Wind (#E7E9DF) in real UI components from top brands.
Using Spirit Wind color codes
To apply Spirit Wind in your projects, start with its hex code, #E7E9DF. This six-digit code is the universal language for color on the web, but for work in print or specific digital frameworks, you will need to translate it into other formats.
Each color model serves a distinct purpose. RGB (Red, Green, Blue) is the standard for digital screens, mixing light to create color. For print, you will use CMYK (Cyan, Magenta, Yellow, Key/Black), which is based on ink pigments. Other models like HSL (Hue, Saturation, Lightness) provide a more intuitive way to make adjustments.
To help you get started, we have converted #E7E9DF into a range of popular color codes. Feel free to copy the values you need from the list below.
Analogous
Selecting colors adjacent to Spirit Wind on the color wheel creates an analogous palette that feels cohesive and exceptionally calm, perfect for serene interfaces.
Complementary
To find Spirit Wind's complementary color, look directly across the color wheel. This pairing produces a vibrant and high-contrast visual effect.
Split Complementary
A split complementary scheme pairs Spirit Wind with the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious palette.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Spirit Wind as a base, these combinations create a vibrant, high-contrast palette.
Tetradic
A tetradic scheme pairs Spirit Wind with three other colors, forming two complementary duos for a rich and balanced palette with plenty of contrast.
Square
A square scheme places four colors equidistant on the color wheel, creating a lively, high-contrast palette with Spirit Wind as a foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Spirit Wind, made by adding black for more depth and weight.
Tints
Tints are lighter versions of Spirit Wind, created by mixing in white for a softer effect.
Tones
Tones are muted versions of Spirit Wind, created by adding gray to soften its saturation.
Hues
Hues are variations of Spirit Wind, differing in intensity or temperature to expand your design options.
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.
