Shades of Yellow

Yellow moves from rich gold through soft cream. Saturated yellows grab attention; muted khakis and creams recede into warm neutrals. These are the CSS named yellows plus a generated lightness scale.

Named Yellow Colors

DarkGoldenrod
#B8860Brgb(184, 134, 11)
Goldenrod
#DAA520rgb(218, 165, 32)
DarkKhaki
#BDB76Brgb(189, 183, 107)
Orange
#FFA500rgb(255, 165, 0)
Gold
#FFD700rgb(255, 215, 0)
Khaki
#F0E68Crgb(240, 230, 140)
PaleGoldenrod
#EEE8AArgb(238, 232, 170)
Moccasin
#FFE4B5rgb(255, 228, 181)
PapayaWhip
#FFEFD5rgb(255, 239, 213)
Yellow
#FFFF00rgb(255, 255, 0)
LightGoldenrodYellow
#FAFAD2rgb(250, 250, 210)
Cornsilk
#FFF8DCrgb(255, 248, 220)
LemonChiffon
#FFFACDrgb(255, 250, 205)
LightYellow
#FFFFE0rgb(255, 255, 224)

Yellow Scale from Light to Dark

A 12-step lightness scale of the core yellow hue. Click any swatch for the full breakdown of that color.

More Color Families