# Mustard monochrome green palette

The Mustard monochrome green palette brings together yellow and green. 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: Analogous olive to dark green linear gradient
- Seed: `kSpUlSvSTAqeZwK`
- Page: https://grabient.com/kSpUlSvSTAqeZwK?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid
- Hues: monochromatic
- 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 | `#8c974b` | `oklch(64.96% 0.1006 116.02)` | Apple Jack | black, 6.6 to 1 |
| 2 | `#8a954a` | `oklch(64.35% 0.1006 116.25)` | Winter Pea Green | black, 6.4 to 1 |
| 3 | `#879347` | `oklch(63.60% 0.1008 116.52)` | Scotland Isle | black, 6.2 to 1 |
| 4 | `#849045` | `oklch(62.75% 0.1010 116.84)` | Pepper Sprout | black, 6 to 1 |
| 5 | `#818d42` | `oklch(61.79% 0.1013 117.20)` | Sea Turtle | black, 5.8 to 1 |
| 6 | `#7e8a3f` | `oklch(60.75% 0.1017 117.59)` | Sea Turtle | black, 5.6 to 1 |
| 7 | `#7a873c` | `oklch(59.64% 0.1020 118.01)` | Laird | black, 5.3 to 1 |
| 8 | `#768438` | `oklch(58.46% 0.1023 118.45)` | Laird | black, 5.1 to 1 |
| 9 | `#728034` | `oklch(57.25% 0.1025 118.91)` | Leaps and Bounds | black, 4.8 to 1 |
| 10 | `#6e7d31` | `oklch(56.00% 0.1027 119.37)` | Ripe Green | black, 4.6 to 1 |
| 11 | `#69792d` | `oklch(54.73% 0.1028 119.85)` | Castelvetrano Olive | white, 4.7 to 1 |
| 12 | `#65762a` | `oklch(53.45% 0.1028 120.33)` | Castelvetrano Olive | white, 5 to 1 |
| 13 | `#617226` | `oklch(52.19% 0.1026 120.80)` | Fern Frond | white, 5.3 to 1 |
| 14 | `#5d6f23` | `oklch(50.95% 0.1023 121.26)` | Fiji Green | white, 5.6 to 1 |
| 15 | `#596b20` | `oklch(49.74% 0.1018 121.72)` | Bowser Shell | white, 5.9 to 1 |
| 16 | `#56681d` | `oklch(48.59% 0.1010 122.15)` | Forestial Outpost | white, 6.2 to 1 |
| 17 | `#52651b` | `oklch(47.48% 0.1001 122.56)` | Forestial Outpost | white, 6.5 to 1 |
| 18 | `#4f6119` | `oklch(46.32% 0.0987 123.00)` | Camouflage Green | white, 6.8 to 1 |
| 19 | `#4b5e18` | `oklch(45.12% 0.0971 123.45)` | Kyuri Green | white, 7.2 to 1 |
| 20 | `#475b16` | `oklch(43.87% 0.0952 123.91)` | Kyuri Green | white, 7.6 to 1 |
| 21 | `#445715` | `oklch(42.61% 0.0931 124.39)` | Highlands Moss | white, 8 to 1 |
| 22 | `#405313` | `oklch(41.34% 0.0908 124.86)` | Highlands Moss | white, 8.4 to 1 |
| 23 | `#3d5012` | `oklch(40.07% 0.0885 125.34)` | Godzilla | white, 8.9 to 1 |
| 24 | `#394c11` | `oklch(38.82% 0.0860 125.81)` | Godzilla | white, 9.4 to 1 |
| 25 | `#364910` | `oklch(37.60% 0.0836 126.26)` | Treetop Cathedral | white, 9.9 to 1 |
| 26 | `#33460f` | `oklch(36.42% 0.0812 126.70)` | Garden Shadow | white, 10.4 to 1 |
| 27 | `#30430e` | `oklch(35.31% 0.0789 127.12)` | Hinterlands Green | white, 10.9 to 1 |
| 28 | `#2d400e` | `oklch(34.27% 0.0767 127.51)` | Hinterlands Green | white, 11.3 to 1 |
| 29 | `#2b3d0d` | `oklch(33.31% 0.0747 127.87)` | Hinterlands Green | white, 11.8 to 1 |
| 30 | `#293b0c` | `oklch(32.46% 0.0729 128.19)` | Hinterlands Green | white, 12.2 to 1 |
| 31 | `#27390c` | `oklch(31.72% 0.0714 128.47)` | Blind Forest | white, 12.5 to 1 |
| 32 | `#25370b` | `oklch(31.10% 0.0703 128.70)` | Blind Forest | white, 12.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #8c974b 0.0%, #8a954a 3.2%, #879347 6.5%, #849045 9.7%, #818d42 12.9%, #7e8a3f 16.1%, #7a873c 19.4%, #768438 22.6%, #728034 25.8%, #6e7d31 29.0%, #69792d 32.3%, #65762a 35.5%, #617226 38.7%, #5d6f23 41.9%, #596b20 45.2%, #56681d 48.4%, #52651b 51.6%, #4f6119 54.8%, #4b5e18 58.1%, #475b16 61.3%, #445715 64.5%, #405313 67.7%, #3d5012 71.0%, #394c11 74.2%, #364910 77.4%, #33460f 80.6%, #30430e 83.9%, #2d400e 87.1%, #2b3d0d 90.3%, #293b0c 93.5%, #27390c 96.8%, #25370b 100.0%);
background: linear-gradient(180deg in oklch, oklch(64.96% 0.1006 116.02) 0.0%, oklch(64.35% 0.1006 116.25) 3.2%, oklch(63.60% 0.1008 116.52) 6.5%, oklch(62.75% 0.1010 116.84) 9.7%, oklch(61.79% 0.1013 117.20) 12.9%, oklch(60.75% 0.1017 117.59) 16.1%, oklch(59.64% 0.1020 118.01) 19.4%, oklch(58.46% 0.1023 118.45) 22.6%, oklch(57.25% 0.1025 118.91) 25.8%, oklch(56.00% 0.1027 119.37) 29.0%, oklch(54.73% 0.1028 119.85) 32.3%, oklch(53.45% 0.1028 120.33) 35.5%, oklch(52.19% 0.1026 120.80) 38.7%, oklch(50.95% 0.1023 121.26) 41.9%, oklch(49.74% 0.1018 121.72) 45.2%, oklch(48.59% 0.1010 122.15) 48.4%, oklch(47.48% 0.1001 122.56) 51.6%, oklch(46.32% 0.0987 123.00) 54.8%, oklch(45.12% 0.0971 123.45) 58.1%, oklch(43.87% 0.0952 123.91) 61.3%, oklch(42.61% 0.0931 124.39) 64.5%, oklch(41.34% 0.0908 124.86) 67.7%, oklch(40.07% 0.0885 125.34) 71.0%, oklch(38.82% 0.0860 125.81) 74.2%, oklch(37.60% 0.0836 126.26) 77.4%, oklch(36.42% 0.0812 126.70) 80.6%, oklch(35.31% 0.0789 127.12) 83.9%, oklch(34.27% 0.0767 127.51) 87.1%, oklch(33.31% 0.0747 127.87) 90.3%, oklch(32.46% 0.0729 128.19) 93.5%, oklch(31.72% 0.0714 128.47) 96.8%, oklch(31.10% 0.0703 128.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.101 | 116 |
| 2 | 0.48 | 0.101 | 122.4 |
| 3 | 0.311 | 0.07 | 128.7 |

## In these collections

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

## Other forms

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