Rubber Ducky
#facf58
Buttery light chartreuse for friendly, nonwarning highlights
About Rubber Ducky
I keep thinking of a rubber duck after a bath, but lighter and cleaner than the usual kids-toy yellows. Rubber Ducky lands in that high-light, lemony-green family, with a crisp yellow face and less orange heat than Angry Pasta. Compared to Minion Yellow, it feels brighter and more buoyant, not softened into a calmer highlight.
In UI, I use it when I need a fresh step-forward highlight that stays readable on product pages without turning the page into an attention-grabber. It's great for promo tags and carousel CTA bands in retail and quick-service food flows, and it also holds up for hospitality booking headers where you want cheerful clarity. In the same green-yellow neighborhood as Soaked in Sun, Rubber Ducky is less late-afternoon and more daytime clean, so cards feel perkier and less dusty.
One pairing quirk: because it's light and slightly green, it can wash out next to very pale creams. Depth from charcoal text or deep sage helps it pop the right way.
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.
