Color meaning

Off White

Introducing Off White (#F7F6F2), a barely-warm near-white with a whisper of gray. Its clean neutrality makes it the default surface for cards, panels, and page backgrounds, easing eye strain compared with pure white while keeping layouts crisp. That subtlety suits minimal, editorial, and premium stores.

#F7F6F2HSL 48, 24%, 96%

Off White code conversions

HEX
#F7F6F2
RGB
rgb(247, 246, 242)
HSL
hsl(48, 24%, 96%)
HSB
hsb(48, 2%, 97%)
CMYK
cmyk(0%, 0%, 2%, 3%)

Off White color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Off White contrast

Your catchy large text

Small body copy sitting on Off White.

1.08:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Off White.

17.46:1Black textAA passAAA pass

Off White color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Off White

Matched by color distance against real palettes extracted from live storefronts.

Faherty
#fcfaf6
Brooklinen
#faf8f7
Rothy's
#fdfdfc
Puma
#fdfdfd
Vineyard Vines
#fefefe
Reebok
#ffffff
Allbirds
#ffffff
Gymshark
#ffffff

Related neutral colors

CharcoalSlate GrayCreamJet Black

Off White: frequently asked

What color is Off White?

Off White (#F7F6F2) is a very light neutral, just off pure white with faint warm-gray undertones. In e-commerce interfaces it reads as a clean background surface, sitting between true white and a warmer cream.

What is the meaning of Off White?

Off White signals cleanliness, calm, and quiet quality. Brands reach for it when they want customers to feel an uncluttered, premium clarity while browsing, without the clinical glare of pure white.

How do I use Off White (#F7F6F2) in e-commerce design?

Use Off White for page backgrounds, card surfaces, and section fills where a softer-than-white base reduces glare. Pair it with charcoal type and light borders to keep product grids and checkout forms feeling crisp and legible.

Using Off White color codes

Copy Off White (#F7F6F2) in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, mobile app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP