Shades of white

Named whites differ only slightly: snow leans pink, honeydew green, ivory yellow. Here are 17 of them with hex codes, which ones are warm or cool, and how to build a palette around white.

Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.

Base colour

Named shades

Or take colours from a photo

or drop it here. It never leaves your browser.

Shades

50#fcf6efWhite1.1 FailInk16.9 AAA
100#f1eae3White1.2 FailInk15.2 AAA
200#ddd6cfWhite1.4 FailInk12.6 AAA
300#c4bcb4White1.9 FailInk9.7 AAA
400#a8a098White2.6 FailInk7.0 AAA
500#8d847cWhite3.7 AA largeInk4.9 AA
600#756d65White5.1 AAInk3.6 AA large
700#5e574fWhite7.1 AAAInk2.5 Fail
800#47413bWhite10.1 AAAInk1.8 Fail
900#352f2aWhite13.2 AAAInk1.4 Fail
950#231e19White16.5 AAAInk1.1 Fail

Copy as

CSSTailwindHexJSON

Palette code

:root {
  --color-white-50: #fcf6ef;
  --color-white-100: #f1eae3;
  --color-white-200: #ddd6cf;
  --color-white-300: #c4bcb4;
  --color-white-400: #a8a098;
  --color-white-500: #8d847c;
  --color-white-600: #756d65;
  --color-white-700: #5e574f;
  --color-white-800: #47413b;
  --color-white-900: #352f2a;
  --color-white-950: #231e19;
  --color-accent-1: #e6dcd2;
  --color-accent-2: #b6aca3;
  --color-accent-3: #5c544b;
  --color-accent-4: #342c25;
}

At a glance

White (white): #ffffff · white text 1.00:1 (Fail), near-black text 18.09:1 (AAA); Source: w3.org, checked 2026-11
Snow (snow): #fffafa · white text 1.03:1 (Fail), near-black text 17.49:1 (AAA); Source: w3.org, checked 2026-11
Ivory (ivory): #fffff0 · white text 1.00:1 (Fail), near-black text 17.93:1 (AAA); Source: w3.org, checked 2026-11
Floral white (floralwhite): #fffaf0 · white text 1.04:1 (Fail), near-black text 17.39:1 (AAA); Source: w3.org, checked 2026-11
Ghost white (ghostwhite): #f8f8ff · white text 1.05:1 (Fail), near-black text 17.11:1 (AAA); Source: w3.org, checked 2026-11
Mint cream (mintcream): #f5fffa · white text 1.02:1 (Fail), near-black text 17.72:1 (AAA); Source: w3.org, checked 2026-11
Azure (azure): #f0ffff · white text 1.02:1 (Fail), near-black text 17.62:1 (AAA); Source: w3.org, checked 2026-11
Honeydew (honeydew): #f0fff0 · white text 1.03:1 (Fail), near-black text 17.46:1 (AAA); Source: w3.org, checked 2026-11
Alice blue (aliceblue): #f0f8ff · white text 1.07:1 (Fail), near-black text 16.86:1 (AAA); Source: w3.org, checked 2026-11
Seashell (seashell): #fff5ee · white text 1.07:1 (Fail), near-black text 16.84:1 (AAA); Source: w3.org, checked 2026-11
White smoke (whitesmoke): #f5f5f5 · white text 1.09:1 (Fail), near-black text 16.59:1 (AAA); Source: w3.org, checked 2026-11
Old lace (oldlace): #fdf5e6 · white text 1.08:1 (Fail), near-black text 16.70:1 (AAA); Source: w3.org, checked 2026-11
Lavender blush (lavenderblush): #fff0f5 · white text 1.10:1 (Fail), near-black text 16.40:1 (AAA); Source: w3.org, checked 2026-11
Linen (linen): #faf0e6 · white text 1.12:1 (Fail), near-black text 16.08:1 (AAA); Source: w3.org, checked 2026-11
Beige (beige): #f5f5dc · white text 1.10:1 (Fail), near-black text 16.35:1 (AAA); Source: w3.org, checked 2026-11
Antique white (antiquewhite): #faebd7 · white text 1.17:1 (Fail), near-black text 15.45:1 (AAA); Source: w3.org, checked 2026-11
Misty rose (mistyrose): #ffe4e1 · white text 1.20:1 (Fail), near-black text 15.02:1 (AAA); Source: w3.org, checked 2026-11

Give your page these colours

A Liite page comes with 15 themes, from sunset to midnight, and your own colours on top. Pick the one closest to your palette and your link-in-bio page is ready in a few minutes.

Make your free page

Shades of white: what to know

This page starts the colour palette generator for this case. For every option and how to use it, see the colour palette generator.

Which shades of white can carry text

None of these white shades takes white body text at WCAG AA (4.5:1). Put near-black text on them, or take a darker step from the scale for text.

Near-black text (#161616) passes on all of them.

Warm whites and cool whites

Warm (yellow, peach or pink cast): snow (#fffafa), ivory (#fffff0), floral white (#fffaf0), seashell (#fff5ee), old lace (#fdf5e6), lavender blush (#fff0f5), linen (#faf0e6), beige (#f5f5dc), antique white (#faebd7) and misty rose (#ffe4e1).

Cool (green, blue or violet cast): ghost white (#f8f8ff), mint cream (#f5fffa), azure (#f0ffff), honeydew (#f0fff0) and Alice blue (#f0f8ff).

Warm whites suit cream paper, food and wedding designs; cool whites look crisper next to blues and greys.

Colours that go with white

Almost any colour sits well on white; the question is whether text stays readable. Near-black text passes on every white here (lowest 15.02:1 on misty rose). For coloured text on white, use the 600 step or darker of any scale; the contrast labels in the tool show you where each colour crosses 4.5:1.

Questions

What colors are shades of white?

CSS names include snow, ivory, floral white, ghost white, mint cream, azure, honeydew, alice blue, seashell, white smoke, old lace, lavender blush, linen, beige, antique white and misty rose. Each is white with a faint tint.

Which colors pair well with white?

All of them, as long as there's enough contrast. Dark navy, charcoal or a deep version of your brand colour make readable text; light pastels work as backgrounds or cards on a white page.