Stereotypical Duck
#fff5cf
Softer yellow-leaning duck cream beside cool grays
About Stereotypical Duck
Open your Figma file to a light gray UI and drop this shade behind a toolbar. "Stereotypical Duck" reads like a pale, milky straw that stays softly warm, but it's more subdued than the buttery creams next to it. Compared with Natural Wool, it feels lighter and a bit less grounded, so it won't anchor the page as much. Versus Lunar Luxury, it's clearly friendlier in temperature, not the slightly silvery, powder-clean vibe.
In practice, I use it for dashboards and finance apps when the product needs warmth without turning the background into cream. It works well under dense tables, helper text, and filters in SaaS workflows, and it's a solid choice for documentation sites that still want a human, not clinical, tone. Compared to Hint of Yellow, it has less obvious sunny punch, so typography stays the star and the layout doesn't feel too highlighted.
One caution: if you pair it with very dark cool grays, it can make outlines look tighter and slightly more contrasty than expected, so I usually warm the divider color or soften the text weight.
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.
Similar colors
Create a gradient with Stereotypical Duck
Open the generator with this color pre-loaded.
Start creating