# Sage, tan and dusty blue olive palette

The Sage, tan and dusty blue olive palette brings together green, yellow, and blue. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Olive, tan and blue linear gradient
- Seed: `kSlTFT3Zm-bWP0e`
- Page: https://grabient.com/kSlTFT3Zm-bWP0e?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.6 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 | `#798253` | `oklch(58.66% 0.0675 117.42)` | Calliste Green | black, 5.1 to 1 |
| 2 | `#7b8454` | `oklch(59.29% 0.0677 116.64)` | Oregano | black, 5.2 to 1 |
| 3 | `#7f8656` | `oklch(60.20% 0.0680 115.21)` | Oregano | black, 5.4 to 1 |
| 4 | `#848958` | `oklch(61.32% 0.0683 113.28)` | Iguana | black, 5.6 to 1 |
| 5 | `#898c5b` | `oklch(62.61% 0.0688 110.98)` | Crocodile Smile | black, 5.9 to 1 |
| 6 | `#90905e` | `oklch(64.02% 0.0693 108.46)` | Nick’s Nook | black, 6.3 to 1 |
| 7 | `#969461` | `oklch(65.50% 0.0698 105.87)` | Rhind Papyrus | black, 6.6 to 1 |
| 8 | `#9d9864` | `oklch(67.00% 0.0703 103.34)` | Hiking | black, 7 to 1 |
| 9 | `#a39b68` | `oklch(68.47% 0.0707 101.02)` | Stilted Stalks | black, 7.4 to 1 |
| 10 | `#a99f6b` | `oklch(69.87% 0.0711 99.05)` | Whispering Grasslands | black, 7.8 to 1 |
| 11 | `#aea36e` | `oklch(71.14% 0.0714 97.58)` | Autumn Sage | black, 8.2 to 1 |
| 12 | `#b2a671` | `oklch(72.23% 0.0716 96.75)` | Natchez Moss | black, 8.5 to 1 |
| 13 | `#b5a974` | `oklch(73.09% 0.0717 96.70)` | Even Growth | black, 8.8 to 1 |
| 14 | `#b6ab76` | `oklch(73.68% 0.0715 97.57)` | Heavy Goldbrown | black, 9 to 1 |
| 15 | `#b5ac77` | `oklch(73.94% 0.0712 99.51)` | Heavy Goldbrown | black, 9.1 to 1 |
| 16 | `#b2ad78` | `oklch(73.83% 0.0706 102.67)` | Stuffed Olive | black, 9.1 to 1 |
| 17 | `#adac79` | `oklch(73.29% 0.0698 107.24)` | Stuffed Olive | black, 8.9 to 1 |
| 18 | `#a5ab79` | `oklch(72.27% 0.0687 113.60)` | Cardamom | black, 8.6 to 1 |
| 19 | `#9aa879` | `oklch(70.83% 0.0672 121.59)` | Forester | black, 8.2 to 1 |
| 20 | `#8da47a` | `oklch(69.03% 0.0656 130.95)` | Succulent Greenhouse | black, 7.7 to 1 |
| 21 | `#809f7b` | `oklch(66.93% 0.0637 141.42)` | Green Grey | black, 7.1 to 1 |
| 22 | `#71997c` | `oklch(64.60% 0.0616 152.74)` | Precious Oxley | black, 6.5 to 1 |
| 23 | `#64927d` | `oklch(62.09% 0.0595 164.67)` | Cool Bluegrass | black, 5.9 to 1 |
| 24 | `#588a7e` | `oklch(59.47% 0.0572 176.94)` | Wintergreen Dream | black, 5.3 to 1 |
| 25 | `#4f827e` | `oklch(56.81% 0.0550 189.30)` | Jericho Jade | black, 4.7 to 1 |
| 26 | `#48797c` | `oklch(54.16% 0.0528 201.50)` | Lucky Shamrock | white, 4.9 to 1 |
| 27 | `#447079` | `oklch(51.59% 0.0506 213.28)` | Holy Water | white, 5.4 to 1 |
| 28 | `#416776` | `oklch(49.16% 0.0486 224.38)` | Barbados | white, 6.1 to 1 |
| 29 | `#405f71` | `oklch(46.94% 0.0468 234.55)` | The Fang Grey | white, 6.7 to 1 |
| 30 | `#3f586d` | `oklch(44.99% 0.0451 243.53)` | Inlet Harbour | white, 7.3 to 1 |
| 31 | `#3f5368` | `oklch(43.36% 0.0438 251.07)` | Midnight Mosaic | white, 7.9 to 1 |
| 32 | `#3e4e65` | `oklch(42.13% 0.0427 256.91)` | Calico Dress | white, 8.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #798253 0.0%, #7b8454 3.2%, #7f8656 6.5%, #848958 9.7%, #898c5b 12.9%, #90905e 16.1%, #969461 19.4%, #9d9864 22.6%, #a39b68 25.8%, #a99f6b 29.0%, #aea36e 32.3%, #b2a671 35.5%, #b5a974 38.7%, #b6ab76 41.9%, #b5ac77 45.2%, #b2ad78 48.4%, #adac79 51.6%, #a5ab79 54.8%, #9aa879 58.1%, #8da47a 61.3%, #809f7b 64.5%, #71997c 67.7%, #64927d 71.0%, #588a7e 74.2%, #4f827e 77.4%, #48797c 80.6%, #447079 83.9%, #416776 87.1%, #405f71 90.3%, #3f586d 93.5%, #3f5368 96.8%, #3e4e65 100.0%);
background: linear-gradient(90deg in oklch, oklch(58.66% 0.0675 117.42) 0.0%, oklch(59.29% 0.0677 116.64) 3.2%, oklch(60.20% 0.0680 115.21) 6.5%, oklch(61.32% 0.0683 113.28) 9.7%, oklch(62.61% 0.0688 110.98) 12.9%, oklch(64.02% 0.0693 108.46) 16.1%, oklch(65.50% 0.0698 105.87) 19.4%, oklch(67.00% 0.0703 103.34) 22.6%, oklch(68.47% 0.0707 101.02) 25.8%, oklch(69.87% 0.0711 99.05) 29.0%, oklch(71.14% 0.0714 97.58) 32.3%, oklch(72.23% 0.0716 96.75) 35.5%, oklch(73.09% 0.0717 96.70) 38.7%, oklch(73.68% 0.0715 97.57) 41.9%, oklch(73.94% 0.0712 99.51) 45.2%, oklch(73.83% 0.0706 102.67) 48.4%, oklch(73.29% 0.0698 107.24) 51.6%, oklch(72.27% 0.0687 113.60) 54.8%, oklch(70.83% 0.0672 121.59) 58.1%, oklch(69.03% 0.0656 130.95) 61.3%, oklch(66.93% 0.0637 141.42) 64.5%, oklch(64.60% 0.0616 152.74) 67.7%, oklch(62.09% 0.0595 164.67) 71.0%, oklch(59.47% 0.0572 176.94) 74.2%, oklch(56.81% 0.0550 189.30) 77.4%, oklch(54.16% 0.0528 201.50) 80.6%, oklch(51.59% 0.0506 213.28) 83.9%, oklch(49.16% 0.0486 224.38) 87.1%, oklch(46.94% 0.0468 234.55) 90.3%, oklch(44.99% 0.0451 243.53) 93.5%, oklch(43.36% 0.0438 251.07) 96.8%, oklch(42.13% 0.0427 256.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.068 | 117.4 |
| 2 | 0.736 | 0.07 | 104.7 |
| 3 | 0.421 | 0.043 | 256.9 |

## In these collections

- [Olive color palette](https://grabient.com/olive-color-palette)

## Other forms

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