# Mustard green palette

The Mustard green palette brings together yellow and green. The colors span a narrow 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: Analogous olive to green linear gradient
- Seed: `kStk1KzCZBTygQY`
- Page: https://grabient.com/kStk1KzCZBTygQY?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#aea754` | `oklch(71.65% 0.1061 104.77)` | The Goods | black, 8.4 to 1 |
| 2 | `#aca653` | `oklch(71.23% 0.1061 105.18)` | The Goods | black, 8.3 to 1 |
| 3 | `#aaa551` | `oklch(70.71% 0.1061 105.68)` | The Goods | black, 8.1 to 1 |
| 4 | `#a7a350` | `oklch(70.12% 0.1062 106.25)` | Desert Locust | black, 7.9 to 1 |
| 5 | `#a4a14e` | `oklch(69.45% 0.1062 106.89)` | Reed Green | black, 7.8 to 1 |
| 6 | `#a19f4c` | `oklch(68.73% 0.1063 107.58)` | Poplar | black, 7.6 to 1 |
| 7 | `#9e9d4a` | `oklch(67.96% 0.1064 108.32)` | Lazy Lizard | black, 7.3 to 1 |
| 8 | `#9b9b48` | `oklch(67.14% 0.1064 109.11)` | Lazy Lizard | black, 7.1 to 1 |
| 9 | `#979946` | `oklch(66.30% 0.1065 109.93)` | Luau Green | black, 6.9 to 1 |
| 10 | `#949643` | `oklch(65.43% 0.1064 110.77)` | Luau Green | black, 6.7 to 1 |
| 11 | `#909441` | `oklch(64.54% 0.1064 111.64)` | Bean Shoot | black, 6.4 to 1 |
| 12 | `#8c923f` | `oklch(63.65% 0.1063 112.51)` | Bean Shoot | black, 6.2 to 1 |
| 13 | `#888f3d` | `oklch(62.77% 0.1061 113.39)` | Cute Pixie | black, 6 to 1 |
| 14 | `#858d3c` | `oklch(61.90% 0.1058 114.27)` | Woodbine | black, 5.8 to 1 |
| 15 | `#818b3a` | `oklch(61.05% 0.1055 115.13)` | Sea Turtle | black, 5.6 to 1 |
| 16 | `#7e8839` | `oklch(60.24% 0.1050 115.98)` | Sacred Sapling | black, 5.4 to 1 |
| 17 | `#7b8638` | `oklch(59.45% 0.1044 116.81)` | Sacred Sapling | black, 5.3 to 1 |
| 18 | `#778437` | `oklch(58.63% 0.1037 117.69)` | Laird | black, 5.1 to 1 |
| 19 | `#748236` | `oklch(57.76% 0.1027 118.64)` | Khaki Green | black, 4.9 to 1 |
| 20 | `#707f35` | `oklch(56.87% 0.1017 119.62)` | Leaps and Bounds | black, 4.7 to 1 |
| 21 | `#6c7d34` | `oklch(55.96% 0.1005 120.63)` | Leaps and Bounds | black, 4.6 to 1 |
| 22 | `#687b33` | `oklch(55.05% 0.0993 121.67)` | Military Green | white, 4.7 to 1 |
| 23 | `#657833` | `oklch(54.13% 0.0980 122.70)` | Castelvetrano Olive | white, 4.8 to 1 |
| 24 | `#617632` | `oklch(53.22% 0.0967 123.73)` | Majestic Jungle | white, 5 to 1 |
| 25 | `#5e7331` | `oklch(52.34% 0.0954 124.74)` | Majestic Jungle | white, 5.2 to 1 |
| 26 | `#5a7131` | `oklch(51.49% 0.0941 125.71)` | Deep Pine | white, 5.4 to 1 |
| 27 | `#576f30` | `oklch(50.69% 0.0928 126.64)` | Deep Pine | white, 5.6 to 1 |
| 28 | `#546d30` | `oklch(49.93% 0.0917 127.51)` | Fig Leaf | white, 5.8 to 1 |
| 29 | `#526b2f` | `oklch(49.24% 0.0906 128.30)` | Green Leaf | white, 6 to 1 |
| 30 | `#4f692f` | `oklch(48.62% 0.0896 129.01)` | Bimi Green | white, 6.1 to 1 |
| 31 | `#4d682e` | `oklch(48.08% 0.0888 129.63)` | Tree Shade | white, 6.3 to 1 |
| 32 | `#4c662e` | `oklch(47.64% 0.0882 130.13)` | Dell | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #aea754 0.0%, #aca653 3.2%, #aaa551 6.5%, #a7a350 9.7%, #a4a14e 12.9%, #a19f4c 16.1%, #9e9d4a 19.4%, #9b9b48 22.6%, #979946 25.8%, #949643 29.0%, #909441 32.3%, #8c923f 35.5%, #888f3d 38.7%, #858d3c 41.9%, #818b3a 45.2%, #7e8839 48.4%, #7b8638 51.6%, #778437 54.8%, #748236 58.1%, #707f35 61.3%, #6c7d34 64.5%, #687b33 67.7%, #657833 71.0%, #617632 74.2%, #5e7331 77.4%, #5a7131 80.6%, #576f30 83.9%, #546d30 87.1%, #526b2f 90.3%, #4f692f 93.5%, #4d682e 96.8%, #4c662e 100.0%);
background: linear-gradient(90deg in oklch, oklch(71.65% 0.1061 104.77) 0.0%, oklch(71.23% 0.1061 105.18) 3.2%, oklch(70.71% 0.1061 105.68) 6.5%, oklch(70.12% 0.1062 106.25) 9.7%, oklch(69.45% 0.1062 106.89) 12.9%, oklch(68.73% 0.1063 107.58) 16.1%, oklch(67.96% 0.1064 108.32) 19.4%, oklch(67.14% 0.1064 109.11) 22.6%, oklch(66.30% 0.1065 109.93) 25.8%, oklch(65.43% 0.1064 110.77) 29.0%, oklch(64.54% 0.1064 111.64) 32.3%, oklch(63.65% 0.1063 112.51) 35.5%, oklch(62.77% 0.1061 113.39) 38.7%, oklch(61.90% 0.1058 114.27) 41.9%, oklch(61.05% 0.1055 115.13) 45.2%, oklch(60.24% 0.1050 115.98) 48.4%, oklch(59.45% 0.1044 116.81) 51.6%, oklch(58.63% 0.1037 117.69) 54.8%, oklch(57.76% 0.1027 118.64) 58.1%, oklch(56.87% 0.1017 119.62) 61.3%, oklch(55.96% 0.1005 120.63) 64.5%, oklch(55.05% 0.0993 121.67) 67.7%, oklch(54.13% 0.0980 122.70) 71.0%, oklch(53.22% 0.0967 123.73) 74.2%, oklch(52.34% 0.0954 124.74) 77.4%, oklch(51.49% 0.0941 125.71) 80.6%, oklch(50.69% 0.0928 126.64) 83.9%, oklch(49.93% 0.0917 127.51) 87.1%, oklch(49.24% 0.0906 128.30) 90.3%, oklch(48.62% 0.0896 129.01) 93.5%, oklch(48.08% 0.0888 129.63) 96.8%, oklch(47.64% 0.0882 130.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.106 | 104.8 |
| 2 | 0.598 | 0.105 | 116.4 |
| 3 | 0.476 | 0.088 | 130.1 |

## In these collections

- [Green gradients](https://grabient.com/green-gradients)

## Other forms

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