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.

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.

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.

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.