Color Palettes

Olive green color

Inspired by green olives. It's a muted green with a yellow and brown base. It's a staple in military wear, jackets and earth-tone decor.

Also known as: olive.

Olive green · #808000

About olive green

Olive green (#808000) is a warm, dark, highly saturated color. It belongs to the greens family. It mixes 128 red, 128 green and 0 blue (out of 255). It is mostly used in fashion, home decor, uniforms.

Olive green shades and tints

From lightest to darkest. Tap a shade to copy its code.

Colors that go with olive green

MustardThey share a yellow base and together feel like fall.TerracottaThe earthy red contrasts with the green without clashing.BeigeSoftens the olive for a clean, natural look.Off-whiteAdds light without the coldness of pure white.CamelPlays up a casual, safari-inspired style.Navy blueA dark, elegant contrast between a cool tone and a warm one.Dusty pinkA muted pink that balances the earthiness of olive.Coffee brownAdds natural depth, perfect in leather and wood.
How to wear and decorate with olive green →

Olive green color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Navy blue
AnalogousClose to: Chocolate brown, Green
TriadicClose to: Teal, Purple
Split complementaryClose to: Ultra violet, Indigo
TetradicClose to: Jade green, Navy blue, Burgundy

Olive green color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Olive green
Analogous palette · Olive green
Complementary palette · Olive green
Triadic palette · Olive green
With neutrals palette · Olive green
With an accent palette · Olive green

Olive green contrast with text

White textContrast 4.2:1 · AA large text
Black textContrast 5.0:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --olive-green: #808000;
  --olive-green-rgb: 128, 128, 0;
}
.bg { background-color: var(--olive-green); }
.text { color: var(--olive-green); }

Colors similar to olive green

Old goldMoss greenCaramelApple greenArmy greenMustard yellowPistachio greenHoneyCopperCamel

More greens

GreenEmerald greenLime greenMint greenMoss greenForest greenJade greenPine greenApple greenSage greenBottle greenArmy greenNeon greenPistachio greenGrass greenChartreusePastel greenDark greenLight greenMexican flag green

Frequently asked questions

What is the hex code for olive green?

The hex code for olive green is #808000. In RGB it is rgb(128, 128, 0), in HSL hsl(60, 100%, 25%) and in CMYK 0, 0, 100, 50.

What is the complementary color of olive green?

Its complement on the color wheel is #000080, close to navy blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on olive green?

Use black text instead: the contrast with white is only 4.2:1, while with black it is 5.0:1.

What colors go with olive green?

It pairs well with mustard, terracotta, beige, off-white, camel. Keep neon or lime green away from it: they compete and make olive look dull and dirty. Don't overdo black either, since it weighs the whole look down.