Olive Green Hex Code: #708238, Palettes and Styles

Olive Green, the usual valueGreen

#708238

16 olive greens in the library

Pick any swatch to see its codes, its contrast and the palette it comes from.

01Put it to work

Can you read text on it?

White text looks like thisBig text only

Headlines and large labels are fine; small text will strain the eye. Contrast 4.3 to 1

Black text looks like thisEasy to read

Fine for body text and headlines. Contrast 4.6 to 1

Black text reads better here. The contrast number compares how light the text is with how light the colour behind it is. It runs from 1, where the text disappears, to 21, black on white. The web accessibility standard asks for at least 4.5 for normal text and 3 for big headlines.

Pick a swatch above to see it in its own palette, next to the colours it was chosen to sit with.

02Tints and shades

A ramp from 50 to 950 around #708238, in equal perceptual steps, for backgrounds, borders and hover states. Click a step to copy it.

0318 palettes with olive green

VerdaccioPainting IllustrationIllustration Portrait PhotographyPortrait Photography GrungeGrunge 90s Grunge ClubGrunge Rewilded CitySolarpunk WildflowerCottagecore Atomic AgeRetrofuturism ArcologyArcology Organic ArchitectureOrganic Architecture FarnsworthInternational Style Nordic CabinScandinavian Architecture Rail GardenAdaptive Reuse Olive & TeakMid-Century Modern Indie GroovyIndie Groovy Liquid RetroLiquid Retro MétroArt Nouveau Mid-Century IllustrationMid-Century Illustration

04The styles that use it

Grunge2 Painting1 Illustration1 Portrait Photography1 Solarpunk1 Cottagecore1 Retrofuturism1 Arcology1 Organic Architecture1 International Style1 Scandinavian Architecture1 Adaptive Reuse1 Mid-Century Modern1 Indie Groovy1 Liquid Retro1 Art Nouveau1 Mid-Century Illustration1

05Questions

What is the hex code for olive green?

Olive Green is most often given as #708238. There is no single official value (CSS's named olive is #808000); the 16 olive green swatches in the Omoro library run across the range shown on this page.

What colours go with olive green?

In the library's palettes, olive green most often sits beside yellow, brown and orange, with black and grey as the neutrals.

Which design styles use olive green?

Grunge, Painting and Illustration use it most. 17 styles use it in all.

Goes withYellow 56%Brown 50%Orange 22%Red 17%Blue 11%Teal 11%

06More green shades

Sage Green Forest Green Emerald Green Mint Green Neon Green Chartreuse

Every colour familyAll colors and shades →

Red Orange Yellow Green Teal Blue Purple Pink Brown Beige Black Grey White

All palettes →Browse the styles →