Wasabi Nori
#333300
Muted yellow-green for workspaces needing lighter olive
About Wasabi Nori
On the page, Wasabi Nori reads like a bright kitchen herb, but it doesn't turn playful the way lighter greens do. It's a deep olive-green with a slightly muted, almost inked-in look, so it feels more "printed stock" than fresh leaf.
I use it as the one you reach for when you need Green-family hierarchy without sliding into the heavier, duller gravity of Green Not Found or the darker, cooler shadow of Darkest Forest. Compared to Dark Olive, it's cleaner and more saturated, less oil-stained, and it holds its green identity instead of leaning olive-dominant. In practice, it shows up as status pills and section accents in logistics portals, fleet maintenance consoles, and sustainability reporting UIs, especially where you want labels to pop against gray surfaces without going forest-black.
Pair it with crisp off-whites or light cool grays. With warm beige backgrounds, it can start to look a bit tired, like it's been sitting in the margin.
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.