Pastel Yellow
#fdfd96
Pale gray warmth with creamier butter-yellow lift
About Pastel Yellow
Pastel Yellow is the soft yellow I notice right away because it doesn't try to glow. It reads calmer than Butter, less committed than Ginger Lemon Tea, and it has a gentler, milkier pull than Bollywood Gold. Compared to those, it's more "light and airy" than "anchoring" or "alive," so it doesn't punch through grays.
I use it when the UI needs warmth without adding intensity, especially on onboarding screens, fintech account pages, and content sites where headings and cards sit on a background that can't feel harsh. It's also great for form surfaces and editorial sidebars where you want approachable, not syrupy, and where warm accents need to stay in the background while labels, charts, and body text do the talking. It's the one you reach for when the yellow must feel present but not insistent.
Quirk: pastel yellows can go a touch flat next to very cool grays. If that happens, bump contrast with darker type or add a slightly warmer neutral alongside it so it doesn't look washed out.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
