Shades of White

Q: What is the HEX code for white?

Common white HEX codes include #EDEADE (Alabaster), #F5F5DC (Beige), #F9F6EE (Bone White). Browse the table above for the full set of white color names and hex codes.

Off-white and white color names — ivory, cream, eggshell, pearl, and alabaster. Subtle warm and cool whites with HEX, RGB, and HSL for backgrounds and print.

Instant 100% Private Free Forever

White Named shades Copy HEX RGB & HSL

← Back to Color Library

Alabaster

#EDEADE

Beige

#F5F5DC

Bone White

#F9F6EE

Cornsilk

#FFF8DC

Cream

#FFFDD0

Eggshell

#F0EAD6

Ivory

#FFFFF0

Linen

#E9DCC9

Navajo White

#FFDEAD

Off White

#FAF9F6

Parchment

#FCF5E5

Peach

#FFE5B4

Pearl

#E2DFD2

Seashell

#FFF5EE

Vanilla

#F3E5AB

White

#FFFFFF

Name	Hex	RGB	HSL
Alabaster	#EDEADE	237, 234, 222	48, 29%, 90%
Beige	#F5F5DC	245, 245, 220	60, 56%, 91%
Bone White	#F9F6EE	249, 246, 238	44, 48%, 95%
Cornsilk	#FFF8DC	255, 248, 220	48, 100%, 93%
Cream	#FFFDD0	255, 253, 208	57, 100%, 91%
Eggshell	#F0EAD6	240, 234, 214	46, 46%, 89%
Ivory	#FFFFF0	255, 255, 240	60, 100%, 97%
Linen	#E9DCC9	233, 220, 201	36, 42%, 85%
Navajo White	#FFDEAD	255, 222, 173	36, 100%, 84%
Off White	#FAF9F6	250, 249, 246	45, 29%, 97%
Parchment	#FCF5E5	252, 245, 229	42, 79%, 94%
Peach	#FFE5B4	255, 229, 180	39, 100%, 85%
Pearl	#E2DFD2	226, 223, 210	49, 22%, 85%
Seashell	#FFF5EE	255, 245, 238	25, 100%, 97%
Vanilla	#F3E5AB	243, 229, 171	48, 75%, 81%
White	#FFFFFF	255, 255, 255	0, 0%, 100%

Frequently asked questions

What white colors are on this list?

This page lists named white colors, each with a HEX code, RGB values, and HSL breakdown. Click any swatch to copy the HEX or open a full reference page with conversions and palettes.

What is the HEX code for white?

Common white HEX codes include #EDEADE (Alabaster), #F5F5DC (Beige), #F9F6EE (Bone White). Browse the table above for the full set of white color names and hex codes.

Can I copy white color codes for CSS?

Yes. Use the copy button on any row to copy its HEX to your clipboard, then paste into CSS, Tailwind, Figma, or your design tokens. Click the color name to open a dedicated page with RGB, HSL, OKLCH, and accessibility previews.