Lily Pad

Lily Pad is a soft, warm off-white with a creamy, almost sandy appearance.

It carries subtle yellow-green undertones, giving it a natural, earthy quality that hints at its name without being an overt green.

The color Lily Pad, #E5E5D1, embodies a sense of tranquility and natural harmony.

It suggests a quiet sophistication and a grounding presence, creating a space for calm reflection and balance.

Lily Pad (#E5E5D1) works beautifully as a primary background color, offering a softer, more organic alternative to pure white. For sufficient contrast and readability, pair it with dark charcoals or deep navy for text and primary actions. To create a serene, monochromatic palette, combine it with various shades of cream and stone. Consider the 60-30-10 rule, using Lily Pad as the dominant 60% to establish a calm and spacious foundation for your design.

While not a widely used primary brand color, similar warm, off-white tones appear in the interfaces of companies like ExpressVPN and Retool. This relative rarity can be an advantage, giving products a refined and understated feel that stands out from the crowd of stark, clinical designs.

Explore curated palettes, test color contrast for accessibility, and preview Lily Pad in real UI components from top brands using the tools below.

The most direct way to apply Lily Pad is with its hex code, #E5E5D1. This six-digit value is a universal language for color in digital tools, ensuring you get the exact shade you want for any asset.

Depending on your project, you might need a different format. A hex code can be converted into other models like RGB (Red, Green, Blue), which specifies color for digital displays, or CMYK (Cyan, Magenta, Yellow, Key/Black), the standard for print materials. Other systems like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.

We've done the math for you. Below, you'll find the #E5E5D1 code for Lily Pad translated into a variety of common formats, ready for you to copy and paste into your project.