Gardenia

Gardenia is a soft, warm off-white with a delicate, creamy appearance. It offers a gentle quality that steps away from the starkness of pure white.

Its warmth comes from subtle yellow undertones, balanced by a hint of gray that gives the color a sophisticated, almost parchment-like character.

Drawing from its floral namesake, Gardenia represents purity, gentleness, and trust.

The color imparts a sense of calm sophistication and clarity, offering a feeling of new beginnings and understated elegance.

Gardenia (#F3F0E9) works beautifully as a primary background color, offering a warmer, more organic alternative to stark white. For accessibility and visual punch, pair it with high-contrast text in dark grays or blacks. It also serves as a sophisticated canvas for accent colors, making both muted earth tones and single vibrant hues stand out.

While not as ubiquitous as pure white, similar warm off-whites are used by brands like Warby Parker and Coda to establish a refined and approachable feel. Using Gardenia can subtly distinguish a design, giving it a soft, premium quality without overwhelming the user.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Gardenia in real UI components of top brands.

Using the Gardenia color starts with its hex code, #F3F0E9. This six-digit code is a precise digital reference, but its application often requires translation for different design environments.

For digital work, you'll primarily use the RGB or HSL values derived from the hex code. When preparing assets for print, you'll need to convert #F3F0E9 to its CMYK equivalent to maintain color accuracy on paper. Other models like LAB and LCH offer different ways to define color based on human perception, which can be useful for advanced color work.

To help you apply Gardenia consistently across your projects, we've converted #F3F0E9 into a variety of common color models. You can find and copy these codes directly below.