Duckling Fluff
#fafc5d
Lighter butter-yellow gray for soft highlights
About Duckling Fluff
Duckling Fluff sits right at the edge of where yellow stops apologizing and starts actually glowing. It's lighter than Canary but far more saturated than Candy Corn, that combination means it lands on screen with real presence without the aggressive edge that makes you squint. This is the yellow that feels intentional the moment you place it, not because it's screaming, but because there's actual color underneath.
You'll reach for it in design tools, documentation sites, and long-form interfaces where you need warmth that doesn't fatigue. Medical software dashboards, accessibility overlays, status indicators that need to signal without exhausting. It holds its own against dark text and reads cleanly on both warm and neutral backgrounds. Unlike Biohazard Suit, it doesn't announce, it invites. Unlike Candy Corn, it doesn't whisper.
The catch: it wants a warm or mid-tone background to feel fully itself. Throw it on pure white and the softness disappears; pair it with warm grays and it settles into exactly what it's meant to do.
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.