Color guide
Olive Color
#808000
olive color codes
What olive means
Olive is earthy, military-grade groundedness with natural sophistication.
How to use it in design
Great for outdoor brands, utility products and earthy editorial layouts.
Color combinations with olive
Harmonies calculated with color theory for the base hue 60°.
Complementary
Maximum contrast: #808000 + #000080
Analogous
Harmony at ±30°: #804000 · #808000 · #408000
Triadic
Even 120° spacing: #808000 · #007F80 · #80007F
olive color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #808000.
Colors that go well with olive
FAQ about the olive color
What is the HEX code of olive?
A widely used hex value for olive is #808000, which equals rgb(128, 128, 0). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (60°).
What colors go well with olive?
olive pairs beautifully with cream, coral, beige, charcoal. Its complementary color is #000080, and a classic triadic scheme adds #007F80 and #80007F.
Is olive accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping olive in text or UI elements.
Create your own olive palette
Generate harmonious combinations from #808000 in seconds.
Open the palette generator