Pastel Yellow #FDFD96
Pastel yellow is a soft, pale yellow with the hex code #FDFD96. It is very light with gentle saturation, like lemon sorbet or a pale buttercup. Calm and sunny without glare, it is linked with spring, baby showers, Easter, and relaxed, friendly rooms and packaging.
There's no single standard pastel yellow and no CSS keyword for it. #FDFD96 is one widely used value; CSS lightyellow (#FFFFE0) is much paler.
| HEX | #FDFD96 | |
|---|---|---|
| RGB | rgb(253, 253, 150) | |
| HSL | hsl(60, 96%, 79%) | |
| HSV | hsv(60, 41%, 99%) | |
| CMYK | cmyk(0%, 0%, 41%, 1%) |
Text on Pastel Yellow
Black text reads better on Pastel Yellow. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Pastel Yellow
Pastel Yellow tints and shades
Tints mix Pastel Yellow with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Pastel Yellow color schemes
Color-wheel harmonies built by rotating the hue of #FDFD96 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Pastel Yellow color meaning
Pastel yellow keeps yellow's optimism and removes the intensity. It reads as gentle, warm, and welcoming, which is why it's common in nurseries, bakeries, and spring decorations. It sits close to butter, custard, and lemon chiffon, so it also has a homey, kitchen-table warmth.
In North America and Europe it is a popular gender-neutral choice for baby clothes and showers, a way to say new and happy without choosing pink or blue. Around Easter it joins pastel pink, lilac, and mint as part of a familiar seasonal set.
The softness can tip into bland when nothing else is going on. With a stronger accent nearby it stays fresh, but spread across a whole room or page on its own it can look washed out. A deeper yellow or a soft gray nearby usually fixes that.
How to use Pastel Yellow in design
Pastel yellow works as a background for cards, packaging, and social posts that need warmth without shouting. It's too light to use for text on white. Put dark gray, navy, or brown text on top of it instead. Brands in baby care, baking, stationery, and wellness use it to feel friendly. Pair it with lavender, mint, or baby blue for a pastel set, or with charcoal for a modern look. In interiors it brightens kitchens and dim rooms, but test a sample first, since pale yellows shift a lot with lighting.
Palettes with Pastel Yellow tones
Curated palettes with a color close to #FDFD96.
Colors similar to Pastel Yellow
Work with Pastel Yellow
Pastel Yellow FAQ
What is the difference between pastel yellow and cream?
Pastel yellow is clearly yellow, just pale and soft. Cream is almost white with only a faint warm yellow tint, so it behaves like a neutral. If you want a room or a background to read as yellow, choose pastel yellow; if you want warm white, choose cream.
What colors go with pastel yellow?
Other pastels are the easy choice: lavender, mint, baby blue, and blush pink. For more contrast, pair it with charcoal, navy, or deep green. Gray and white keep it modern and clean. Avoid pairing it with bright yellow or lime, which make it look faded.