# Mustard and crimson harvest palette

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

- Also called: Olive, orange, maroon and beige linear swatches
- Seed: `kUkzxR1rE5jorOTxl8pg`
- Page: https://grabient.com/kUkzxR1rE5jorOTxl8pg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark center, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#798044` | `oklch(57.87% 0.0827 114.61)` | Thai Basil | black, 4.9 to 1 |
| 2 | `#d48334` | `oklch(68.11% 0.1350 60.72)` | Mexican Spirit | black, 7 to 1 |
| 3 | `#8a3550` | `oklch(45.67% 0.1185 3.65)` | That’s My Jam | white, 7.7 to 1 |
| 4 | `#ebdcac` | `oklch(89.37% 0.0648 92.42)` | Studio Cream | black, 15.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #798044 0.000% 25.000%, #d48334 25.000% 50.000%, #8a3550 50.000% 75.000%, #ebdcac 75.000% 100.000%);
background: linear-gradient(90deg, oklch(57.87% 0.0827 114.61) 0.000% 25.000%, oklch(68.11% 0.1350 60.72) 25.000% 50.000%, oklch(45.67% 0.1185 3.65) 50.000% 75.000%, oklch(89.37% 0.0648 92.42) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.083 | 114.6 |
| 2 | 0.681 | 0.135 | 60.7 |
| 3 | 0.457 | 0.119 | 3.7 |
| 4 | 0.894 | 0.065 | 92.4 |

## In these collections

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

## Other forms

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