# Mustard Field Stripes

The Tan canola fields storm sky brings together dark gray, gold, green, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Black, olive, green and gray linear swatches
- Seed: `kYRw4sPp5EVwvv5ktEFUx1CTiMzi`
- Page: https://grabient.com/kYRw4sPp5EVwvv5ktEFUx1CTiMzi?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.7 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 | `#30271f` | `oklch(27.95% 0.0193 61.88)` | Wood Bark | white, 14.6 to 1 |
| 2 | `#6d6123` | `oklch(49.21% 0.0827 98.86)` | Greenish Brown | white, 6.1 to 1 |
| 3 | `#bfa534` | `oklch(72.44% 0.1309 95.69)` | Pickle Juice | black, 8.6 to 1 |
| 4 | `#c5c145` | `oklch(79.13% 0.1433 107.32)` | Pyrite Yellow | black, 11 to 1 |
| 5 | `#839a64` | `oklch(65.35% 0.0799 127.39)` | Walking Dead | black, 6.7 to 1 |
| 6 | `#455666` | `oklch(44.49% 0.0344 247.86)` | Tetsu Iron | white, 7.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #30271f 0.000% 16.667%, #6d6123 16.667% 33.333%, #bfa534 33.333% 50.000%, #c5c145 50.000% 66.667%, #839a64 66.667% 83.333%, #455666 83.333% 100.000%);
background: linear-gradient(90deg, oklch(27.95% 0.0193 61.88) 0.000% 16.667%, oklch(49.21% 0.0827 98.86) 16.667% 33.333%, oklch(72.44% 0.1309 95.69) 33.333% 50.000%, oklch(79.13% 0.1433 107.32) 50.000% 66.667%, oklch(65.35% 0.0799 127.39) 66.667% 83.333%, oklch(44.49% 0.0344 247.86) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.019 | 61.9 |
| 2 | 0.492 | 0.083 | 98.9 |
| 3 | 0.724 | 0.131 | 95.7 |
| 4 | 0.791 | 0.143 | 107.3 |
| 5 | 0.654 | 0.08 | 127.4 |
| 6 | 0.445 | 0.034 | 247.9 |

## In these collections

- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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