Dolly
#f5f171
Warm, soft chartreuse for gentle, high-visibility highlights
About Dolly
Dolly (#f5f171) reads like the pale note you notice at the edge of a spring field photo. It's light and almost milky, but it doesn't drift into the washed-out look of Crash Dummy. Compared to Hyper Beam, it has a softer, greener tilt instead of that punchy chartreuse highlight energy.
For UI work, I'd use Dolly as a low-pressure emphasis when you want "green family" without shouting. Think editorial and wellness media: background tints for article callouts, soft state fills behind onboarding steps, and gentle highlights in health and food app feeds. It also shows up nicely in dashboards for logistics and retail, where you want progress panels and filter chips to feel optimistic rather than alert-y.
Quirk: because it sits so close to near-white, it needs a slightly deeper companion (light gray borders or a stronger green) to keep edges from going blurry.
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.