# Sage and mustard olive palette

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

- Also called: Seamless dark green and olive angular gradient
- Seed: `kWVxVfwBe-dagvjDGT9rIvBw`
- Page: https://grabient.com/kWVxVfwBe-dagvjDGT9rIvBw?style=angularGradient&steps=32&angle=270
- Drawn as: angular gradient, 32 steps, 270 degrees
- Kinds: light center, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 4 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 | `#323c2d` | `oklch(34.25% 0.0289 134.30)` | Aged Pine | white, 11.5 to 1 |
| 2 | `#35402f` | `oklch(35.53% 0.0319 133.30)` | Sensaimidori Green | white, 10.9 to 1 |
| 3 | `#394531` | `oklch(37.23% 0.0359 131.98)` | Mallardish | white, 10.1 to 1 |
| 4 | `#3e4a33` | `oklch(39.25% 0.0407 130.41)` | Rifle Green | white, 9.3 to 1 |
| 5 | `#445136` | `oklch(41.51% 0.0460 128.65)` | Green Shade Wash | white, 8.5 to 1 |
| 6 | `#4b5838` | `oklch(43.89% 0.0514 126.79)` | Chive | white, 7.6 to 1 |
| 7 | `#525f3b` | `oklch(46.32% 0.0567 124.87)` | Cactus Green | white, 6.9 to 1 |
| 8 | `#59653e` | `oklch(48.70% 0.0616 122.98)` | Marsh Mix | white, 6.2 to 1 |
| 9 | `#606c40` | `oklch(50.96% 0.0658 121.17)` | Globe Artichoke | white, 5.6 to 1 |
| 10 | `#697344` | `oklch(53.52% 0.0699 119.23)` | Oakmoss | white, 5 to 1 |
| 11 | `#727c48` | `oklch(56.41% 0.0741 117.16)` | Quartz Green | black, 4.6 to 1 |
| 12 | `#7d844c` | `oklch(59.40% 0.0783 115.02)` | Fresh Artichoke | black, 5.2 to 1 |
| 13 | `#878c51` | `oklch(62.27% 0.0821 112.90)` | Special Ops | black, 5.9 to 1 |
| 14 | `#919454` | `oklch(64.79% 0.0853 110.89)` | Topiary | black, 6.5 to 1 |
| 15 | `#989957` | `oklch(66.74% 0.0878 109.05)` | Stem | black, 7 to 1 |
| 16 | `#9e9c59` | `oklch(67.90% 0.0893 107.48)` | Garden of Earthly Delights | black, 7.3 to 1 |
| 17 | `#9f9c59` | `oklch(68.06% 0.0895 106.21)` | Garden of Earthly Delights | black, 7.3 to 1 |
| 18 | `#9e9956` | `oklch(67.26% 0.0887 105.03)` | Stem | black, 7.1 to 1 |
| 19 | `#9a9453` | `oklch(65.69% 0.0868 103.97)` | Tupelo Tree | black, 6.7 to 1 |
| 20 | `#948d4e` | `oklch(63.55% 0.0842 103.07)` | Negishi Green | black, 6.1 to 1 |
| 21 | `#8d854a` | `oklch(61.05% 0.0811 102.41)` | Frog’s Legs | black, 5.5 to 1 |
| 22 | `#847d45` | `oklch(58.38% 0.0775 102.04)` | Terrapin | black, 5 to 1 |
| 23 | `#7c7540` | `oklch(55.73% 0.0737 102.02)` | Steppe Green | white, 4.6 to 1 |
| 24 | `#746e3d` | `oklch(53.30% 0.0698 102.42)` | Tuscan Hills | white, 5.1 to 1 |
| 25 | `#6d683a` | `oklch(51.06% 0.0658 103.40)` | Robinhood | white, 5.6 to 1 |
| 26 | `#646137` | `oklch(48.57% 0.0609 105.13)` | Wood’s Creek | white, 6.3 to 1 |
| 27 | `#5b5a35` | `oklch(45.92% 0.0554 107.38)` | Base Camp | white, 7 to 1 |
| 28 | `#525332` | `oklch(43.27% 0.0497 109.93)` | Warplock Bronze | white, 7.9 to 1 |
| 29 | `#4a4c30` | `oklch(40.72% 0.0441 112.54)` | Waiouru | white, 8.8 to 1 |
| 30 | `#43462e` | `oklch(38.41% 0.0391 114.98)` | Rifle Green | white, 9.7 to 1 |
| 31 | `#3d412c` | `oklch(36.48% 0.0348 117.03)` | Scrub | white, 10.5 to 1 |
| 32 | `#393d2a` | `oklch(35.04% 0.0317 118.45)` | Green Kelp | white, 11.1 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #323c2d 0.0%, #35402f 3.2%, #394531 6.5%, #3e4a33 9.7%, #445136 12.9%, #4b5838 16.1%, #525f3b 19.4%, #59653e 22.6%, #606c40 25.8%, #697344 29.0%, #727c48 32.3%, #7d844c 35.5%, #878c51 38.7%, #919454 41.9%, #989957 45.2%, #9e9c59 48.4%, #9f9c59 51.6%, #9e9956 54.8%, #9a9453 58.1%, #948d4e 61.3%, #8d854a 64.5%, #847d45 67.7%, #7c7540 71.0%, #746e3d 74.2%, #6d683a 77.4%, #646137 80.6%, #5b5a35 83.9%, #525332 87.1%, #4a4c30 90.3%, #43462e 93.5%, #3d412c 96.8%, #393d2a 100.0%);
background: conic-gradient(from 270deg in oklch, oklch(34.25% 0.0289 134.30) 0.0%, oklch(35.53% 0.0319 133.30) 3.2%, oklch(37.23% 0.0359 131.98) 6.5%, oklch(39.25% 0.0407 130.41) 9.7%, oklch(41.51% 0.0460 128.65) 12.9%, oklch(43.89% 0.0514 126.79) 16.1%, oklch(46.32% 0.0567 124.87) 19.4%, oklch(48.70% 0.0616 122.98) 22.6%, oklch(50.96% 0.0658 121.17) 25.8%, oklch(53.52% 0.0699 119.23) 29.0%, oklch(56.41% 0.0741 117.16) 32.3%, oklch(59.40% 0.0783 115.02) 35.5%, oklch(62.27% 0.0821 112.90) 38.7%, oklch(64.79% 0.0853 110.89) 41.9%, oklch(66.74% 0.0878 109.05) 45.2%, oklch(67.90% 0.0893 107.48) 48.4%, oklch(68.06% 0.0895 106.21) 51.6%, oklch(67.26% 0.0887 105.03) 54.8%, oklch(65.69% 0.0868 103.97) 58.1%, oklch(63.55% 0.0842 103.07) 61.3%, oklch(61.05% 0.0811 102.41) 64.5%, oklch(58.38% 0.0775 102.04) 67.7%, oklch(55.73% 0.0737 102.02) 71.0%, oklch(53.30% 0.0698 102.42) 74.2%, oklch(51.06% 0.0658 103.40) 77.4%, oklch(48.57% 0.0609 105.13) 80.6%, oklch(45.92% 0.0554 107.38) 83.9%, oklch(43.27% 0.0497 109.93) 87.1%, oklch(40.72% 0.0441 112.54) 90.3%, oklch(38.41% 0.0391 114.98) 93.5%, oklch(36.48% 0.0348 117.03) 96.8%, oklch(35.04% 0.0317 118.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.029 | 134.3 |
| 2 | 0.504 | 0.065 | 121.6 |
| 3 | 0.681 | 0.09 | 106.8 |
| 4 | 0.528 | 0.069 | 102.6 |
| 5 | 0.35 | 0.032 | 118.4 |

## In these collections

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

## Other forms

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