Explore the most common shades of yellow with their hex codes. Find the perfect yellow for your next design project.
From the deepest, most saturated tones to the lightest pastels, yellow appears in nearly every design discipline — branding, interiors, fashion, and digital UI. The 30 shades below are the most commonly used named variants of yellow, each with a precise hex code you can copy directly into your design tool.
Looking for the right pairing? See colors that go with yellow. Need a different format? Try our format converters for HEX, RGB, HSL, OKLCH, and CMYK.
Gold
#FFD700
Amber
#FFBF00
Lemon
#FFF44F
Canary
#FFEF00
Mustard
#FFDB58
Banana
#FFE135
Saffron
#F4C430
Maize
#FBEC5D
Honey
#EB9605
Butter
#FFFF99
Cream
#FFFDD0
Flax
#EEDC82
Goldenrod
#DAA520
Jasmine
#F8DE7E
Champagne
#F7E7CE
Dandelion
#F0E130
Aureolin
#FDEE00
Pineapple
#563C0D
Sunflower
#FFDA03
Citrine
#E4D00A
Jonquil
#F4CA16
Xanthous
#F1B42F
Vanilla
#F3E5AB
Tuscany
#FCD12A
Corn
#FBEC5D
Naples Yellow
#FADA5E
Straw
#E4D96F
Light Yellow
#FFFFE0
Dark Yellow
#9B870C
Safety Yellow
#EED202
Featured shade
Gold is the canonical yellow in this collection. Below is its full breakdown across every common color format — useful when you need the same color in CSS, a design tool, or a print workflow.
Yellow's complement is purple, so violet and lavender create unexpected, vibrant combinations. Mustard yellows pair effortlessly with olive green and rust orange.
Download Colorframe to pick any shade of yellow from your screen and get instant hex, RGB, HSL, OKLCH, and CMYK values.