Mayonnaise
Meet Mayonnaise (#F9F5E5), a warm, creamy off-white that offers a sophisticated alternative to stark white. Its subtle yellow undertone provides a gentle warmth, making it a versatile foundation for clean and inviting digital interfaces without the clinical feel of pure white.
What color is Mayonnaise?
Mayonnaise is a soft, warm off-white with a pale cream hue.
It has a subtle yellow undertone, giving it a gentle character that avoids the starkness of a pure white.
What does the color Mayonnaise (#F9F5E5) mean in design?
The color Mayonnaise (#F9F5E5) evokes a sense of warmth, comfort, and understated elegance. It moves away from the starkness of pure white, offering a softer, more approachable neutrality that feels both classic and calming.
Symbolically, Mayonnaise represents a reliable foundation and a quiet confidence. Its association with timelessness lends it an air of authenticity and permanence, making it a grounding and dependable choice in any creative palette.
How can I use the color Mayonnaise in UI design?
In UI and web design, Mayonnaise (#F9F5E5) works beautifully as a primary background color, creating a sense of warmth and amplifying negative space for a clean, breathable layout. It provides a softer alternative to pure white, reducing eye strain. For high-contrast pairings that ensure readability, consider deep charcoals, navy blues, or rich forest greens. For a more subtle and organic feel, combine it with muted earth tones or dusty pastels.
While not as widespread as other neutrals, colors similar to Mayonnaise appear in the branding of companies like CAVA and KOHO, helping them project an approachable yet premium quality. Its moderate use in the market presents an opportunity for brands to build a distinct visual identity that feels both modern and comforting.
To see how #F9F5E5 works in practice, use the tools below to explore curated palettes, test color contrast for accessibility, and preview Mayonnaise in real UI components from leading brands.
Using Mayonnaise color codes
To use the color Mayonnaise in your digital projects, start with its hex code, #F9F5E5. This six-digit code is the standard for web design and can be directly applied in CSS, Figma, or Sketch to specify the exact shade you need.
While #F9F5E5 is perfect for screens, you'll need different codes for other mediums. Color models like RGB are also for digital displays, defining colors by mixing red, green, and blue light. For print, you'll convert to CMYK, which is based on ink colors. Other formats like HSL offer a more intuitive way to manipulate color attributes, while systems like LAB and LCH provide device-independent color specifications.
We've converted #F9F5E5 into these popular formats for you. Simply find the code you need below and copy it for your project.
Analogous
Analogous colors are neighbors on the color wheel. When paired with Mayonnaise, they create a harmonious and serene palette, perfect for calm designs.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Mayonnaise, they produce a high-contrast, vibrant effect in any design.
Split Complementary
The split complementary palette for Mayonnaise uses the two colors bordering its direct opposite, creating a sophisticated and versatile high-contrast combination.
Triadic
A triadic palette uses three colors equally spaced on the color wheel. With Mayonnaise as the base, the result is a vibrant, high-contrast combination.
Tetradic
Tetradic palettes are built from two pairs of complementary colors, forming a rectangle on the color wheel and offering rich, versatile combinations with Mayonnaise.
Square
A square color scheme pairs Mayonnaise with three other colors, all evenly spaced on the color wheel, creating a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Mayonnaise are darker versions made by adding black, which adds depth and weight.
Tints
Tints are created by adding white to Mayonnaise, resulting in lighter, softer variations.
Tones
By mixing Mayonnaise with gray, you create tones with a softer, desaturated appearance.
Hues
Hues are variations of Mayonnaise, sharing its base color but with different intensities or temperatures.
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.

































































































































