# Olive and brass fieldwear gradient

A diagonal gradient moves from muted olive through softer field green and worn brass before settling into dark green charcoal. Its lighter golden middle contrasts gently with both ends, keeping the overall mood subdued. Use this Khaki coded palette for utility clothing graphics, outdoor editorial layouts, and backgrounds inspired by weathered equipment.

- Also called: Gray, brown and black linear gradient
- Seed: `kUaR1aRhc-FChPOiBUTA`
- Page: https://grabient.com/kUaR1aRhc-FChPOiBUTA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.5 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#464f38` | `oklch(41.34% 0.0400 126.56)` | Hōjicha | white, 8.5 to 1 |
| 2 | `#485239` | `oklch(42.15% 0.0413 125.69)` | Green Shade Wash | white, 8.2 to 1 |
| 3 | `#4b553b` | `oklch(43.22% 0.0430 124.64)` | Banksia Leaf | white, 7.9 to 1 |
| 4 | `#4f583c` | `oklch(44.50% 0.0449 123.40)` | Dark Rainforest | white, 7.4 to 1 |
| 5 | `#535c3f` | `oklch(45.92% 0.0471 122.02)` | Base Camp | white, 7 to 1 |
| 6 | `#586041` | `oklch(47.45% 0.0495 120.49)` | Lovers Pine | white, 6.5 to 1 |
| 7 | `#5d6543` | `oklch(49.03% 0.0521 118.84)` | Olympia Ivy | white, 6.1 to 1 |
| 8 | `#626945` | `oklch(50.60% 0.0547 117.09)` | Hellebore | white, 5.7 to 1 |
| 9 | `#686d47` | `oklch(52.11% 0.0574 115.25)` | Coconut Grove | white, 5.4 to 1 |
| 10 | `#6d7148` | `oklch(53.51% 0.0600 113.34)` | Oakmoss | white, 5 to 1 |
| 11 | `#727549` | `oklch(54.75% 0.0626 111.37)` | Ancient Bonsai | white, 4.8 to 1 |
| 12 | `#77784a` | `oklch(55.89% 0.0653 109.21)` | Verdant Views | white, 4.6 to 1 |
| 13 | `#7d7b4a` | `oklch(57.25% 0.0687 106.43)` | Verdant Leaf | black, 4.8 to 1 |
| 14 | `#847f4a` | `oklch(58.75% 0.0728 103.20)` | Terrapin | black, 5 to 1 |
| 15 | `#8c824a` | `oklch(60.28% 0.0771 99.71)` | Shaded Glen | black, 5.4 to 1 |
| 16 | `#94854a` | `oklch(61.74% 0.0814 96.18)` | G.I. | black, 5.7 to 1 |
| 17 | `#9b884a` | `oklch(63.01% 0.0854 92.81)` | Yanagicha | black, 6 to 1 |
| 18 | `#a18a49` | `oklch(63.99% 0.0887 89.82)` | Ecru Olive | black, 6.2 to 1 |
| 19 | `#a68a49` | `oklch(64.58% 0.0912 87.40)` | Mustard Gold | black, 6.3 to 1 |
| 20 | `#a78a48` | `oklch(64.66% 0.0924 85.77)` | Mustard Gold | black, 6.3 to 1 |
| 21 | `#a68846` | `oklch(64.13% 0.0921 85.12)` | Mustard Gold | black, 6.2 to 1 |
| 22 | `#a18545` | `oklch(62.86% 0.0900 85.69)` | Arrow Rock | black, 5.9 to 1 |
| 23 | `#987f42` | `oklch(60.59% 0.0856 87.71)` | Burnished Bronze | black, 5.4 to 1 |
| 24 | `#8a773f` | `oklch(57.43% 0.0791 90.96)` | Valley Vineyards | black, 4.7 to 1 |
| 25 | `#7a6d3b` | `oklch(53.61% 0.0711 95.17)` | Musket | white, 5.1 to 1 |
| 26 | `#696237` | `oklch(49.33% 0.0620 100.03)` | Rationality | white, 6.1 to 1 |
| 27 | `#595734` | `oklch(44.84% 0.0525 105.25)` | Maze | white, 7.4 to 1 |
| 28 | `#4a4b2f` | `oklch(40.34% 0.0428 110.55)` | Tinny Tin | white, 9 to 1 |
| 29 | `#3c402b` | `oklch(36.07% 0.0337 115.62)` | Deep Seaweed | white, 10.7 to 1 |
| 30 | `#323527` | `oklch(32.23% 0.0254 120.17)` | Fuchsia Berries | white, 12.4 to 1 |
| 31 | `#292d23` | `oklch(29.06% 0.0186 123.92)` | Green Waterloo | white, 14 to 1 |
| 32 | `#242720` | `oklch(26.77% 0.0138 126.56)` | Bitter Liquorice | white, 15.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #464f38 0.0%, #485239 3.2%, #4b553b 6.5%, #4f583c 9.7%, #535c3f 12.9%, #586041 16.1%, #5d6543 19.4%, #626945 22.6%, #686d47 25.8%, #6d7148 29.0%, #727549 32.3%, #77784a 35.5%, #7d7b4a 38.7%, #847f4a 41.9%, #8c824a 45.2%, #94854a 48.4%, #9b884a 51.6%, #a18a49 54.8%, #a68a49 58.1%, #a78a48 61.3%, #a68846 64.5%, #a18545 67.7%, #987f42 71.0%, #8a773f 74.2%, #7a6d3b 77.4%, #696237 80.6%, #595734 83.9%, #4a4b2f 87.1%, #3c402b 90.3%, #323527 93.5%, #292d23 96.8%, #242720 100.0%);
background: linear-gradient(45deg in oklch, oklch(41.34% 0.0400 126.56) 0.0%, oklch(42.15% 0.0413 125.69) 3.2%, oklch(43.22% 0.0430 124.64) 6.5%, oklch(44.50% 0.0449 123.40) 9.7%, oklch(45.92% 0.0471 122.02) 12.9%, oklch(47.45% 0.0495 120.49) 16.1%, oklch(49.03% 0.0521 118.84) 19.4%, oklch(50.60% 0.0547 117.09) 22.6%, oklch(52.11% 0.0574 115.25) 25.8%, oklch(53.51% 0.0600 113.34) 29.0%, oklch(54.75% 0.0626 111.37) 32.3%, oklch(55.89% 0.0653 109.21) 35.5%, oklch(57.25% 0.0687 106.43) 38.7%, oklch(58.75% 0.0728 103.20) 41.9%, oklch(60.28% 0.0771 99.71) 45.2%, oklch(61.74% 0.0814 96.18) 48.4%, oklch(63.01% 0.0854 92.81) 51.6%, oklch(63.99% 0.0887 89.82) 54.8%, oklch(64.58% 0.0912 87.40) 58.1%, oklch(64.66% 0.0924 85.77) 61.3%, oklch(64.13% 0.0921 85.12) 64.5%, oklch(62.86% 0.0900 85.69) 67.7%, oklch(60.59% 0.0856 87.71) 71.0%, oklch(57.43% 0.0791 90.96) 74.2%, oklch(53.61% 0.0711 95.17) 77.4%, oklch(49.33% 0.0620 100.03) 80.6%, oklch(44.84% 0.0525 105.25) 83.9%, oklch(40.34% 0.0428 110.55) 87.1%, oklch(36.07% 0.0337 115.62) 90.3%, oklch(32.23% 0.0254 120.17) 93.5%, oklch(29.06% 0.0186 123.92) 96.8%, oklch(26.77% 0.0138 126.56) 100.0%);
```

## Keyframes

4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.04 | 126.6 |
| 2 | 0.551 | 0.063 | 110.7 |
| 3 | 0.634 | 0.091 | 85.3 |
| 4 | 0.268 | 0.014 | 126.6 |

## In these collections

- [Khaki coded](https://grabient.com/khaki-coded)

## Other forms

- [JSON](https://grabient.com/kUaR1aRhc-FChPOiBUTA.json?steps=32&angle=45)
- [PNG](https://grabient.com/kUaR1aRhc-FChPOiBUTA.png?steps=32&angle=45)
- [SVG](https://grabient.com/kUaR1aRhc-FChPOiBUTA.svg?steps=32&angle=45)
- [CSS](https://grabient.com/kUaR1aRhc-FChPOiBUTA.css?steps=32&angle=45)
- [ASE](https://grabient.com/kUaR1aRhc-FChPOiBUTA.ase?steps=32&angle=45)
- [GPL](https://grabient.com/kUaR1aRhc-FChPOiBUTA.gpl?steps=32&angle=45)
- [GRD](https://grabient.com/kUaR1aRhc-FChPOiBUTA.grd?steps=32&angle=45)
- [Design tokens](https://grabient.com/kUaR1aRhc-FChPOiBUTA.tokens.json?steps=32&angle=45)
- [Social card](https://grabient.com/api/og?seed=kUaR1aRhc-FChPOiBUTA&steps=32&angle=45)
- [Palettes like this one](https://grabient.com/palettes?q=kUaR1aRhc-FChPOiBUTA)
- [Guide for agents](https://grabient.com/llms.txt)