Color code and palette
Olive Color
Olive combines muted yellow and green at #808000. Its earthy character supports utilitarian, botanical and heritage palettes, especially alongside beige and dark brown.
Olive #808000
Color formats
The same base color in common web formats.
HEX
#808000 RGB
rgb(128, 128, 0) HSL
hsl(60, 100%, 25%) OKLCH
oklch(58.0% 0.127 110.0) Olive combines muted yellow and green at #808000. Its earthy character supports utilitarian, botanical and heritage palettes, especially alongside beige and dark brown.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Olive 50 | #FFFFE5 | ||
| Olive 100 | #FFFFB3 | ||
| Olive 200 | #FFFF80 | ||
| Olive 300 | #FFFF4D | ||
| Olive 400 | #FFFF1A | ||
| Olive 500 | #E5E600 | ||
| Olive 600 | #B2B300 | ||
| Olive 700 | #7F8000 | ||
| Olive 800 | #4C4D00 | ||
| Olive 900 | #191A00 |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use olive
01
Outdoor and utility products
02
Botanical editorial palettes
03
Heritage styling with beige and brown