# Mustard and orange harvest palette

The Mustard and orange harvest palette brings together yellow, gold, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is orange, and its lightest tone is gold.

- Also called: Analogous brown and orange linear gradient
- Seed: `kUijRMWq29NG5uy2FkDg`
- Page: https://grabient.com/kUijRMWq29NG5uy2FkDg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, warm
- Hues: analogous
- 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 | `#74733f` | `oklch(54.33% 0.0717 106.87)` | Relentless Olive | white, 4.9 to 1 |
| 2 | `#79753f` | `oklch(55.40% 0.0748 105.61)` | Steppe Green | white, 4.7 to 1 |
| 3 | `#7f7a40` | `oklch(56.90% 0.0790 104.09)` | Tribal | black, 4.7 to 1 |
| 4 | `#867e40` | `oklch(58.73% 0.0839 102.33)` | Koke Moss | black, 5 to 1 |
| 5 | `#8f8440` | `oklch(60.76% 0.0895 100.34)` | Galia Melon | black, 5.5 to 1 |
| 6 | `#988940` | `oklch(62.88% 0.0954 98.15)` | Sedge Grasses | black, 6 to 1 |
| 7 | `#a28f40` | `oklch(64.99% 0.1016 95.76)` | Off the Grid | black, 6.5 to 1 |
| 8 | `#ac933f` | `oklch(66.98% 0.1077 93.20)` | Balsam Pear | black, 7 to 1 |
| 9 | `#b5973d` | `oklch(68.73% 0.1136 90.48)` | Roti | black, 7.4 to 1 |
| 10 | `#be9a3b` | `oklch(70.13% 0.1191 87.62)` | Gold Taffeta | black, 7.8 to 1 |
| 11 | `#c59b38` | `oklch(71.07% 0.1239 84.64)` | Golden Mean | black, 8.1 to 1 |
| 12 | `#cb9a35` | `oklch(71.51% 0.1284 81.42)` | Gomashio Yellow | black, 8.2 to 1 |
| 13 | `#d19730` | `oklch(71.64% 0.1333 77.58)` | Saimin Noodle Soup | black, 8.2 to 1 |
| 14 | `#d7942a` | `oklch(71.50% 0.1386 73.26)` | Golden Orange | black, 8.1 to 1 |
| 15 | `#db8f25` | `oklch(71.11% 0.1440 68.65)` | Turmeric Tea | black, 7.9 to 1 |
| 16 | `#df8923` | `oklch(70.50% 0.1491 63.92)` | Sumac Dyed | black, 7.7 to 1 |
| 17 | `#e28222` | `oklch(69.71% 0.1536 59.25)` | Sports Fan | black, 7.4 to 1 |
| 18 | `#e37c24` | `oklch(68.74% 0.1572 54.82)` | First of Fall | black, 7.1 to 1 |
| 19 | `#e27528` | `oklch(67.63% 0.1597 50.80)` | Clockwork Orange | black, 6.8 to 1 |
| 20 | `#e06f2c` | `oklch(66.40% 0.1608 47.37)` | Lusty Orange | black, 6.4 to 1 |
| 21 | `#dc692f` | `oklch(65.09% 0.1601 44.72)` | Harvest Haze | black, 6.1 to 1 |
| 22 | `#d76531` | `oklch(63.68% 0.1572 43.01)` | Tangerine Bliss | black, 5.7 to 1 |
| 23 | `#cf6132` | `oklch(61.94% 0.1515 42.24)` | Chilean Fire | black, 5.4 to 1 |
| 24 | `#c45e32` | `oklch(59.84% 0.1433 42.26)` | Civara | black, 4.9 to 1 |
| 25 | `#b85a31` | `oklch(57.50% 0.1331 42.90)` | Gold Varnish Brown | white, 4.6 to 1 |
| 26 | `#ab5730` | `oklch(55.02% 0.1217 44.01)` | Flat Earth | white, 5 to 1 |
| 27 | `#9d532f` | `oklch(52.48% 0.1096 45.44)` | Piper | white, 5.6 to 1 |
| 28 | `#90502f` | `oklch(50.00% 0.0974 47.03)` | Rusted Earth | white, 6.2 to 1 |
| 29 | `#834d2f` | `oklch(47.66% 0.0858 48.63)` | Pookie Bear | white, 6.8 to 1 |
| 30 | `#784a2f` | `oklch(45.57% 0.0754 50.09)` | Urban Auburn | white, 7.4 to 1 |
| 31 | `#6f472f` | `oklch(43.82% 0.0668 51.23)` | Pumpernickel | white, 8 to 1 |
| 32 | `#69452f` | `oklch(42.52% 0.0606 51.92)` | Aloeswood | white, 8.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #74733f 0.0%, #79753f 3.2%, #7f7a40 6.5%, #867e40 9.7%, #8f8440 12.9%, #988940 16.1%, #a28f40 19.4%, #ac933f 22.6%, #b5973d 25.8%, #be9a3b 29.0%, #c59b38 32.3%, #cb9a35 35.5%, #d19730 38.7%, #d7942a 41.9%, #db8f25 45.2%, #df8923 48.4%, #e28222 51.6%, #e37c24 54.8%, #e27528 58.1%, #e06f2c 61.3%, #dc692f 64.5%, #d76531 67.7%, #cf6132 71.0%, #c45e32 74.2%, #b85a31 77.4%, #ab5730 80.6%, #9d532f 83.9%, #90502f 87.1%, #834d2f 90.3%, #784a2f 93.5%, #6f472f 96.8%, #69452f 100.0%);
background: linear-gradient(45deg in oklch, oklch(54.33% 0.0717 106.87) 0.0%, oklch(55.40% 0.0748 105.61) 3.2%, oklch(56.90% 0.0790 104.09) 6.5%, oklch(58.73% 0.0839 102.33) 9.7%, oklch(60.76% 0.0895 100.34) 12.9%, oklch(62.88% 0.0954 98.15) 16.1%, oklch(64.99% 0.1016 95.76) 19.4%, oklch(66.98% 0.1077 93.20) 22.6%, oklch(68.73% 0.1136 90.48) 25.8%, oklch(70.13% 0.1191 87.62) 29.0%, oklch(71.07% 0.1239 84.64) 32.3%, oklch(71.51% 0.1284 81.42) 35.5%, oklch(71.64% 0.1333 77.58) 38.7%, oklch(71.50% 0.1386 73.26) 41.9%, oklch(71.11% 0.1440 68.65) 45.2%, oklch(70.50% 0.1491 63.92) 48.4%, oklch(69.71% 0.1536 59.25) 51.6%, oklch(68.74% 0.1572 54.82) 54.8%, oklch(67.63% 0.1597 50.80) 58.1%, oklch(66.40% 0.1608 47.37) 61.3%, oklch(65.09% 0.1601 44.72) 64.5%, oklch(63.68% 0.1572 43.01) 67.7%, oklch(61.94% 0.1515 42.24) 71.0%, oklch(59.84% 0.1433 42.26) 74.2%, oklch(57.50% 0.1331 42.90) 77.4%, oklch(55.02% 0.1217 44.01) 80.6%, oklch(52.48% 0.1096 45.44) 83.9%, oklch(50.00% 0.0974 47.03) 87.1%, oklch(47.66% 0.0858 48.63) 90.3%, oklch(45.57% 0.0754 50.09) 93.5%, oklch(43.82% 0.0668 51.23) 96.8%, oklch(42.52% 0.0606 51.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.072 | 106.9 |
| 2 | 0.713 | 0.125 | 83.6 |
| 3 | 0.642 | 0.158 | 43.5 |
| 4 | 0.425 | 0.061 | 51.9 |

## In these collections

- [Harvest gradients](https://grabient.com/harvest-gradients)

## Other forms

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