Dark Olive
#373e02
Warm, deep olive for restrained, legible panels
About Dark Olive
I keep noticing Dark Olive on printed spec sheets, where it reads like a green that's been through storage: less leafy than Forestry, less label-muted than Green Not Found, and not as brown-warm as Alligator Gladiator. It sits in between, but its undertone is distinctly olive, not earthy-red, so it holds steady instead of drifting.
For me, the one you reach for when you need hierarchy without going forest-black. It works hard in dashboards and finance apps that also carry sustainability or operations data, especially for status pills, map legend chips, and card headers in logistics and fleet management UI. Compared to Forestry, it feels more saturated and more "oil-stained" than clean-workroom green; compared to Green Not Found, it stays greener and more deliberate, not that adjusted-to-green look.
Quick pairing note: it likes crisp off-whites and light grays, but if you drop it next to dusty olive or warm neutrals, it can start to feel heavier than the layout expects.
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.