Off-White Color Meaning | Connotations, Shades & Hex
#F9F9F5
The color name off-white describes shades of white with very subtle undertones of gray, yellow, or other colors. These undertones can give off-white a warmer, cooler, or more muted appearance than pure white.
This article explores the meanings you can express with off-white and presents a range of different shades of off-white along with their color codes.
Quillbot’s free Color Palette Generator can identify the color codes in an inspiring image featuring a shade of off-white that you like.
Key takeaways
- Off-white describes shades of white with subtle undertones of other colors.
- Off-white symbolizes simplicity, calmness, and understated elegance. Warm shades can evoke comfort and softness, while cool shades can convey freshness and serenity.
- Off-white commonly functions as a versatile neutral in palettes.
What color is off-white?
Off-white is a term commonly used in interior design, home furnishings, and fashion to describe colors that offer a subtle alternative to pure white because they have undertones of other colors like yellow or gray. For example, Pantone selected an off-white called Cloud Dancer, a soft, luminous shade of white, as its 2026 Color of the Year.
In color palettes, off-white commonly serves as a neutral background color that balances stronger colors and creates a light, understated foundation. Depending on the shade, it can also contribute warmth or coolness.
What does off-white symbolize?
Off-white is associated with simplicity, calmness, and understated elegance.
Warm shades of off-white
Warm off-whites, with subtle undertones of colors like yellow, peach, or pink, can evoke:
- Warmth and comfort: Creating an inviting, welcoming impression
- Softness and tranquility: Contributing to a gentle, relaxing atmosphere
- Delicate refinement: Conveying sophistication without appearing overly formal
Cool shades of off-white
Cool off-whites, with subtle undertones of colors like blue, green, or lavender, can evoke:
- Freshness and cleanliness: Creating a crisp, clean impression
- Calmness and serenity: Contributing to a peaceful, restful atmosphere
- Modernity and finesse: Supporting a sleek, contemporary aesthetic
Off-white hex code
Off-white is not a named CSS color. Here are some off-white color codes that produce a range of whites with subtle undertones.
- #F7F7F7 for a very pale, neutral gray
- #F1F2F2 for a cool, gray-leaning off-white
- #F9F9F5 for a warm, yellow-leaning off-white
- #F9F7F5 for a warm, peach-leaning off-white
- #FAF6F7 for a warm, pink-leaning off-white
- #F7F5FA for a cool, lavender-leaning off-white
- #F4F7FA for a cool, blue-leaning off-white
- #F4F8F5 for a cool, green-leaning off-white
Find the perfect shade of off-white for your project by experimenting with these colors in Quillbot’s free Color Wheel tool.
Color conversion
#F9F9F5| Format | Value |
|---|---|
| HEX | F9F9F5 |
| RGB | 249, 249, 245 |
| RGB Percent | 98%, 98%, 96% |
| CMYK | 0, 0, 0.02, 0.02 |
| HSL | 60°, 25%, 97% |
Color variations
Tints
- #f7f7f2 • Click to copy
- #f7f7f2 • Click to copy
- #f7f7f2 • Click to copy
- #f7f7f2 • Click to copy
- #f7f7f2 • Click to copy
- #f7f7f2 • Click to copy
- #f7f7f2 • Click to copy
- #f7f7f2 • Click to copy
Shades
- #eeeee2 • Click to copy
- #e2e2cf • Click to copy
- #d7d7bc • Click to copy
- #cbcba9 • Click to copy
- #c0c096 • Click to copy
- #b4b483 • Click to copy
- #a9a970 • Click to copy
- #9c9c5e • Click to copy
Tones
- #797949 • Click to copy
- #7a7a57 • Click to copy
- #7a7a66 • Click to copy
- #797977 • Click to copy
- #808080 • Click to copy
- #878787 • Click to copy
- #8f8f8f • Click to copy
- #969696 • Click to copy
- Mono
- Analogous
- Complementary
Frequently asked questions about the color off-white
- What are some names for an off-white color?
-
Names for an off-white color include:
- Ivory: A warm off-white with subtle yellow undertones
- Eggshell: A soft off-white with faint cream or beige undertones
- Pearl white: A delicate off-white often with a subtle, lustrous finish
- Antique white: A warm, slightly aged-looking white with yellow or beige undertones
To find the perfect shade of off-white for your project, enter the color code #FFFFFF for pure white as the base color in Quillbot’s free Color Wheel tool and adjust the sliders.
- What colors go with off-white?
-
Colors that go with off-white depend on its undertones and the effect you want to create.
- Warm off-whites with yellow, peach, or pink undertones pair well with earthy colors such as terracotta, olive green, and warm brown.
- Cool off-whites with blue, green, or lavender undertones pair well with colors such as slate blue, charcoal gray, and navy blue.
- Neutral off-whites complement a wide range of colors, from soft pastels to bold, saturated shades.
- Pairing off-white with darker colors can create strong contrast, while combining it with other light neutrals produces a subtle, understated color scheme.
If you’ve found an image with an off-white pairing you like, upload it to Quillbot’s free Color Palette Generator to identify the color codes of its color scheme.
Other interesting articles
If you want to know more about colors, letters, or the meaning of emojis, make sure to check out some of our other articles with explanations and examples.
