# Taupe Olive Moody Passage

This diagonal gradient moves from dusty taupe through muted mauve, charcoal, and blue gray, then shifts into subdued green gray, olive, bronze, and muted rust. The low saturation and middle darkness keep the route reflective and atmospheric while the warmer ends prevent it from feeling flat. Use it for moody editorial covers, film titles, quiet dashboards, or understated brand backgrounds.

- Also called: Gray, dark gray and brown linear gradient
- Seed: `kUphUirowwcaKMHCmTNA`
- Page: https://grabient.com/kUphUirowwcaKMHCmTNA?steps=32&angle=195
- Drawn as: linear gradient, 32 steps, 195 degrees
- Kinds: neutral
- Hues: wide
- Contrast of its darkest and lightest colors: 3.3 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 | `#a08b81` | `oklch(65.35% 0.0289 48.52)` | Aspiration | black, 6.5 to 1 |
| 2 | `#9b857d` | `oklch(63.51% 0.0292 41.01)` | Pigeon Pink | black, 6 to 1 |
| 3 | `#947d78` | `oklch(60.88% 0.0296 31.40)` | Warplock Bronze Metal | black, 5.4 to 1 |
| 4 | `#8b7372` | `oklch(57.69% 0.0301 20.05)` | Plum Haze | black, 4.7 to 1 |
| 5 | `#80686c` | `oklch(54.13% 0.0307 7.32)` | Patchwork Plum | white, 5.1 to 1 |
| 6 | `#735d66` | `oklch(50.42% 0.0313 353.56)` | Smoked Mulberry | white, 5.9 to 1 |
| 7 | `#675360` | `oklch(46.77% 0.0318 339.12)` | Purple Trinket | white, 7 to 1 |
| 8 | `#5a4b5b` | `oklch(43.37% 0.0323 324.37)` | Purple Fury | white, 8.1 to 1 |
| 9 | `#4e4456` | `oklch(40.45% 0.0327 309.65)` | Violet Intense | white, 9.1 to 1 |
| 10 | `#444053` | `oklch(38.20% 0.0330 295.34)` | Artistic Licence | white, 10 to 1 |
| 11 | `#3c3d51` | `oklch(36.84% 0.0331 281.77)` | Knighthood | white, 10.5 to 1 |
| 12 | `#373e50` | `oklch(36.53% 0.0329 268.98)` | Kachi Indigo | white, 10.6 to 1 |
| 13 | `#354151` | `oklch(37.20% 0.0322 256.08)` | Midnight Navy | white, 10.3 to 1 |
| 14 | `#364654` | `oklch(38.65% 0.0312 243.06)` | Aristocratic Blue | white, 9.6 to 1 |
| 15 | `#394d57` | `oklch(40.70% 0.0299 229.99)` | Nocturne | white, 8.8 to 1 |
| 16 | `#3e545a` | `oklch(43.15% 0.0286 216.94)` | Casal | white, 7.9 to 1 |
| 17 | `#465c5f` | `oklch(45.81% 0.0274 203.97)` | Woodland Night | white, 7 to 1 |
| 18 | `#4e6463` | `oklch(48.50% 0.0264 191.14)` | Wellington | white, 6.3 to 1 |
| 19 | `#576b66` | `oklch(51.02% 0.0259 178.53)` | Artistic Stone | white, 5.6 to 1 |
| 20 | `#5f7169` | `oklch(53.19% 0.0259 166.20)` | Rocky River | white, 5.1 to 1 |
| 21 | `#65766a` | `oklch(54.82% 0.0266 154.21)` | Galena | white, 4.8 to 1 |
| 22 | `#6b7869` | `oklch(55.74% 0.0282 142.58)` | Sage Green Grey | white, 4.6 to 1 |
| 23 | `#6f7966` | `oklch(56.16% 0.0309 130.71)` | Sedge Green | black, 4.5 to 1 |
| 24 | `#737862` | `oklch(56.23% 0.0345 118.59)` | Deep Lichen Green | black, 4.5 to 1 |
| 25 | `#77765c` | `oklch(56.02% 0.0389 106.45)` | Boardman | white, 4.6 to 1 |
| 26 | `#7b7356` | `oklch(55.59% 0.0437 94.52)` | Becker Gold | white, 4.7 to 1 |
| 27 | `#806f51` | `oklch(55.02% 0.0487 83.01)` | Grey Brown | white, 4.8 to 1 |
| 28 | `#836b4d` | `oklch(54.36% 0.0537 72.15)` | Ermine | white, 5 to 1 |
| 29 | `#87664a` | `oklch(53.71% 0.0585 62.17)` | Baked Cookie | white, 5.1 to 1 |
| 30 | `#896249` | `oklch(53.11% 0.0628 53.28)` | Leather Work | white, 5.3 to 1 |
| 31 | `#8b5f4a` | `oklch(52.64% 0.0663 45.72)` | Spicy Mix | white, 5.4 to 1 |
| 32 | `#8c5c4c` | `oklch(52.36% 0.0689 39.71)` | Carob Brown | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(195deg, #a08b81 0.0%, #9b857d 3.2%, #947d78 6.5%, #8b7372 9.7%, #80686c 12.9%, #735d66 16.1%, #675360 19.4%, #5a4b5b 22.6%, #4e4456 25.8%, #444053 29.0%, #3c3d51 32.3%, #373e50 35.5%, #354151 38.7%, #364654 41.9%, #394d57 45.2%, #3e545a 48.4%, #465c5f 51.6%, #4e6463 54.8%, #576b66 58.1%, #5f7169 61.3%, #65766a 64.5%, #6b7869 67.7%, #6f7966 71.0%, #737862 74.2%, #77765c 77.4%, #7b7356 80.6%, #806f51 83.9%, #836b4d 87.1%, #87664a 90.3%, #896249 93.5%, #8b5f4a 96.8%, #8c5c4c 100.0%);
background: linear-gradient(195deg in oklch, oklch(65.35% 0.0289 48.52) 0.0%, oklch(63.51% 0.0292 41.01) 3.2%, oklch(60.88% 0.0296 31.40) 6.5%, oklch(57.69% 0.0301 20.05) 9.7%, oklch(54.13% 0.0307 7.32) 12.9%, oklch(50.42% 0.0313 353.56) 16.1%, oklch(46.77% 0.0318 339.12) 19.4%, oklch(43.37% 0.0323 324.37) 22.6%, oklch(40.45% 0.0327 309.65) 25.8%, oklch(38.20% 0.0330 295.34) 29.0%, oklch(36.84% 0.0331 281.77) 32.3%, oklch(36.53% 0.0329 268.98) 35.5%, oklch(37.20% 0.0322 256.08) 38.7%, oklch(38.65% 0.0312 243.06) 41.9%, oklch(40.70% 0.0299 229.99) 45.2%, oklch(43.15% 0.0286 216.94) 48.4%, oklch(45.81% 0.0274 203.97) 51.6%, oklch(48.50% 0.0264 191.14) 54.8%, oklch(51.02% 0.0259 178.53) 58.1%, oklch(53.19% 0.0259 166.20) 61.3%, oklch(54.82% 0.0266 154.21) 64.5%, oklch(55.74% 0.0282 142.58) 67.7%, oklch(56.16% 0.0309 130.71) 71.0%, oklch(56.23% 0.0345 118.59) 74.2%, oklch(56.02% 0.0389 106.45) 77.4%, oklch(55.59% 0.0437 94.52) 80.6%, oklch(55.02% 0.0487 83.01) 83.9%, oklch(54.36% 0.0537 72.15) 87.1%, oklch(53.71% 0.0585 62.17) 90.3%, oklch(53.11% 0.0628 53.28) 93.5%, oklch(52.64% 0.0663 45.72) 96.8%, oklch(52.36% 0.0689 39.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.029 | 48.5 |
| 2 | 0.366 | 0.033 | -82.5 |
| 3 | 0.555 | 0.028 | -213.6 |
| 4 | 0.524 | 0.069 | -320.3 |

## In these collections

- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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