White Shoulders

A soft and airy bleached neutral grey

White Shoulders color codes graphic
White Shoulders functions as a bleached, neutral grey that feels softer than stark white. It excels as a UI background, keeping designs airy while ensuring legibility. Black text offers an 18.4:1 contrast ratio against it, comfortably exceeding accessibility standards for small body type. The hex code for this versatile shade is #f1f0ec.

About White Shoulders

Bleached linen dried in weak winter sun

What does white shoulders mean?

White Shoulders often suggests quiet simplicity, cleanliness, and softness, without the severity of pure white. Its near-white lightness and trace of grey make it feel airy, faded, and barely there.

Where you see white shoulders

  • bleached linen
  • eggshells
  • plaster walls
  • unbleached paper
  • porcelain
  • oat milk

What it works for

It works well as a softening background for stronger colors, or as a neutral base in muted palettes.

What colors go with white shoulders?

Questions about White Shoulders

What is the hex code for White Shoulders?
White Shoulders is #f1f0ec. In RGB that is rgb(241, 240, 236), in HSL hsl(48, 15%, 94%) and in CMYK 0%, 0%, 2%, 5%.
When should I choose White Shoulders over a standard white?
Use #f1f0ec when you want to avoid the harshness of pure white interfaces but still require a clean, bright aesthetic. It excels in minimalist designs where you need a neutral, airy backdrop that sits comfortably between grey and white.
Is White Shoulders readable on white or black?
White Shoulders has a 1.14:1 contrast ratio on white and 18.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.