Ultra Moss
#d1f358
Drier olive-moss green for grounded, higher-contrast sections
About Ultra Moss
Ultra Moss looks like a crisp canopy leaf caught in daylight, not a pale mist and not a sunshine hit. Compared to Cucumber Milk, it's less foggy and more saturated, so the green stays present instead of turning "milky." Compared to Pika Yellow, it lacks that post-it signal snap and feels more grounded, less electric. And next to Lime Fizz, it doesn't read neon or syrup-bright. This one sits as a lighter, clean moss green with a slightly yellowed undertone, so it feels fresh without tipping into caution or highlight.
I use it when you need light UI surfaces that still read confidently green. Think health and wellness apps for dosing/plan cards, nutrition and inventory screens in retail ops, and product detail pages for "in stock" states where you want the one you reach for to feel calm but not washed out. It also holds up in logistics portals for background panels behind copy, where you don't want it to compete with primary accents.
Pair it with deeper greens or a cool charcoal text stack to keep the moss from looking too soft in dense layouts.
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.