Shades of White | Colormapped

Shades of White color ramp

These near-white neutral swatches use focused HSL lightness steps from 100% to 92%. They are computed references, not official color names.

#FFFFFF HSL lightness 100%

#FCFCFC HSL lightness 99%

#FAFAFA HSL lightness 98%

#F7F7F7 HSL lightness 97%

#F5F5F5 HSL lightness 96%

#F2F2F2 HSL lightness 95%

#F0F0F0 HSL lightness 94%

#EDEDED HSL lightness 93%

#EBEBEB HSL lightness 92%

Base reference: #FFFFFF. Use the Tints and Shades Generator when you need a ramp based on a specific project color.

Common CSS named near-white colors

“Shades of white” in interface work usually means subtly tinted near-whites. These CSS keywords give exact, reusable examples.

ColorCSS keywordHEX

White white #FFFFFF

Snow snow #FFFAFA

Ghost White ghostwhite #F8F8FF

White Smoke whitesmoke #F5F5F5

Floral White floralwhite #FFFAF0

Ivory ivory #FFFFF0

Sea Shell seashell #FFF5EE

Linen linen #FAF0E6

Old Lace oldlace #FDF5E6

Mint Cream mintcream #F5FFFA

Honeydew honeydew #F0FFF0

Azure azure #F0FFFF

Named-color values above use the standardized CSS sRGB keywords documented by MDN. The list is curated for this color family; it is not a perceptually uniform scale.

In everyday design language, “shades of white” usually means a family of very light neutrals rather than technically shaded white alone. Because pure white has zero saturation, the generated HSL ramp becomes a neutral grayscale and makes the lightness differences easy to compare.

Small changes near white can be hard to see on a white page, which is why every swatch has a border. For surfaces, compare neighboring values on the actual device and background you expect to use.

Useful next steps

Try a specific color in the Tints and Shades Generator, or browse other shade families.