Shades of Beige
Beige and its neighbors are the quiet backbone of warm, natural palettes. They pair with almost anything and keep layouts feeling soft and organic. These are the CSS named beiges plus a generated lightness scale.
Named Beige Colors
Tan
#D2B48Crgb(210, 180, 140)BurlyWood
#DEB887rgb(222, 184, 135)Wheat
#F5DEB3rgb(245, 222, 179)NavajoWhite
#FFDEADrgb(255, 222, 173)Bisque
#FFE4C4rgb(255, 228, 196)AntiqueWhite
#FAEBD7rgb(250, 235, 215)BlanchedAlmond
#FFEBCDrgb(255, 235, 205)Linen
#FAF0E6rgb(250, 240, 230)Beige
#F5F5DCrgb(245, 245, 220)OldLace
#FDF5E6rgb(253, 245, 230)SeaShell
#FFF5EErgb(255, 245, 238)Cornsilk
#FFF8DCrgb(255, 248, 220)FloralWhite
#FFFAF0rgb(255, 250, 240)Ivory
#FFFFF0rgb(255, 255, 240)Beige Scale from Light to Dark
A 12-step lightness scale of the core beige hue. Click any swatch for the full breakdown of that color.