Illuminating
#eeee77
Near-neon lime-green for crisp, high-contrast alerts
About Illuminating
On a white page, Illuminating reads like a highlighter that's been slightly cooled and pushed toward pale lime. It's light like Dolly, but it doesn't go milky or green-tinged near-white. And compared with Crash Dummy, it keeps more clarity instead of getting that "works only when surrounded" feeling. It's also not as warm and sunny as Fuzzy Duckling, so it doesn't turn into that cozy yellow glow.
For UI, I use Illuminating for bright but controlled state fills: onboarding step badges, success confirmations, and inline callout backgrounds in retail POS and logistics dashboards. It also shows up nicely in food media carousels and e-commerce promo blocks where you want a visible moment without the yellow getting heavy. The one you reach for when you need green-family optimism that stays crisp.
Quirk: because it's so light, it likes slightly deeper borders or darker green accents to keep it from feeling thin next to very pale grays.
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.
