Colors that go with off-white
Off-white (#FAF9F6) is a very light white. Colors that go well with off-white include Cotton Ball (#F6F7FA), Doctor (#F6F9FA), Doctor (#FAF7F6), White Porcelain (#F9FAF6), White Porcelain (#F6FAF9). For a safe, polished look, pair off-white with a soft off-white like #F5F5F5 and a deep neutral like #1B1B1A; for contrast, add a touch of its complement #F6F7FA.
Best colors to pair with off-white
- ComplementaryCotton Ball #F6F7FA
Opposite off-white on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryDoctor #F6F9FA
Sits next to off-white's complement: lively contrast with less tension than the direct opposite.
- AnalogousDoctor #FAF7F6
A neighbouring hue that blends naturally with off-white for calm, cohesive designs.
- AnalogousWhite Porcelain #F9FAF6
The neighbour on the other side of off-white — pair both for a soft, harmonious scheme.
- TriadicWhite Porcelain #F6FAF9
One third of the way around the wheel from off-white: vibrant but balanced.
- Light neutralWhite Smoke #F5F5F5
An off-white with a hint of off-white — an easy background that never feels stark.
- Dark neutralCoco’s Black #1B1B1A
A deep, off-white-tinted near-black for text and dark sections; softer than pure black.
- GrayLost Space #97958D
A warm-or-cool gray matched to off-white for borders, captions and secondary UI.
Off-white color palettes
Each palette keeps #FAF9F6 in the middle; open one in the generator to tweak it.
- 804B36EFBCBEFAF9F6331B24B0849FAnalogous Off-white palette
- 3E283C617861FAF9F68FB299F4EAF7Complementary Off-white palette
- D1D8BB191F2CFAF9F6526030CD93CFSplit complementary Off-white palette
- 283551A0DB96FAF9F6276546E06E6ETriadic Off-white palette
- BA3435D08781FAF9F6643035FFB3B8Monochromatic Off-white palette
- 295880B1A2CFFAF9F6EEC3AA1E2205Balanced Off-white palette
From our palette library
Text and backgrounds with off-white
Check any other pair with the contrast checker.
FAQ
What colors go with off-white?
Cotton Ball (#F6F7FA), Doctor (#F6F9FA), Doctor (#FAF7F6), White Porcelain (#F9FAF6), White Porcelain (#F6FAF9) go well with off-white. Neutrals such as #F5F5F5 and #1B1B1A are the easiest companions, and #F6F7FA adds bold contrast as its complementary color.
What is the complementary color of off-white?
The complementary color of off-white (#FAF9F6) is #F6F7FA (Cotton Ball), which sits opposite it on the color wheel.
What neutral colors go with off-white?
Off-whites, creams and grays with a slight off-white tint, such as #F5F5F5 and #97958D, plus a deep near-black like #1B1B1A. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on off-white?
Black text on #FAF9F6 has a contrast ratio of 19.95:1 (super). For off-white text, use a background like #000000 (19.95:1, super).
Is off-white a warm or cool color?
Off-white is a neutral color in the white family.