# Mustard and off-white canola fields storm sky

The Mustard and off-white canola fields storm sky brings together yellow, gold, green, blue, light gray, and off-white. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Yellow, green and gray radial gradient
- Seed: `ka5HxM4TS-kaiQU5EcaxZHGmAHwn1gcRg`
- Page: https://grabient.com/ka5HxM4TS-kaiQU5EcaxZHGmAHwn1gcRg?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.8 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 | `#eae546` | `oklch(89.76% 0.1709 107.58)` | Vibrant Arsenic | black, 15.7 to 1 |
| 2 | `#e8de41` | `oklch(88.13% 0.1678 105.71)` | Dragon’s Gold | black, 14.9 to 1 |
| 3 | `#e5d43b` | `oklch(85.90% 0.1638 102.86)` | Sandstorm | black, 13.8 to 1 |
| 4 | `#e1c934` | `oklch(83.20% 0.1588 99.78)` | Mimosa Yellow | black, 12.6 to 1 |
| 5 | `#dabe2f` | `oklch(80.17% 0.1528 97.23)` | Ghee Yellow | black, 11.3 to 1 |
| 6 | `#d0b32d` | `oklch(76.93% 0.1459 95.98)` | Old Gold | black, 10.1 to 1 |
| 7 | `#c3a82c` | `oklch(73.33% 0.1378 96.01)` | Citronette | black, 8.9 to 1 |
| 8 | `#b39b2b` | `oklch(69.11% 0.1282 96.52)` | Sahara | black, 7.6 to 1 |
| 9 | `#a18e2b` | `oklch(64.66% 0.1177 97.94)` | Faint Green | black, 6.4 to 1 |
| 10 | `#90832b` | `oklch(60.35% 0.1071 100.78)` | Jungle Palm | black, 5.4 to 1 |
| 11 | `#7e792e` | `oklch(56.58% 0.0969 105.50)` | Faience Green | black, 4.6 to 1 |
| 12 | `#6e7232` | `oklch(53.49% 0.0872 112.73)` | Swamp Shrub | white, 5 to 1 |
| 13 | `#5d6c38` | `oklch(50.60% 0.0770 122.66)` | Russian Uniform | white, 5.7 to 1 |
| 14 | `#4e663f` | `oklch(48.09% 0.0670 134.35)` | Mountain Forest | white, 6.3 to 1 |
| 15 | `#436145` | `oklch(46.17% 0.0579 146.79)` | Cupidity | white, 6.8 to 1 |
| 16 | `#3c5e4b` | `oklch(45.06% 0.0508 158.97)` | Amish Green | white, 7.2 to 1 |
| 17 | `#3a5e51` | `oklch(44.98% 0.0465 170.25)` | Spectra | white, 7.2 to 1 |
| 18 | `#39605a` | `oklch(45.91% 0.0457 182.02)` | Emerson | white, 6.9 to 1 |
| 19 | `#3b6564` | `oklch(47.66% 0.0470 193.92)` | Moor Pond Green | white, 6.4 to 1 |
| 20 | `#406c71` | `oklch(50.01% 0.0487 205.20)` | Moat | white, 5.8 to 1 |
| 21 | `#49737d` | `oklch(52.77% 0.0492 215.14)` | Hydro | white, 5.2 to 1 |
| 22 | `#557a88` | `oklch(55.77% 0.0472 222.97)` | Rocky Hill | white, 4.6 to 1 |
| 23 | `#648493` | `oklch(59.42% 0.0428 228.16)` | Play Me a Melody | black, 5.2 to 1 |
| 24 | `#75909e` | `oklch(63.62% 0.0370 231.62)` | Sheltered Bay | black, 6.2 to 1 |
| 25 | `#879ca9` | `oklch(68.03% 0.0308 234.45)` | Bali Hai | black, 7.3 to 1 |
| 26 | `#98a8b4` | `oklch(72.33% 0.0248 237.80)` | Ashen Wind | black, 8.6 to 1 |
| 27 | `#a7b4be` | `oklch(76.20% 0.0200 242.78)` | Intercoastal Grey | black, 9.8 to 1 |
| 28 | `#b6bfc8` | `oklch(80.01% 0.0159 249.98)` | Winter Wonderland | black, 11.2 to 1 |
| 29 | `#c5cad2` | `oklch(83.83% 0.0121 258.49)` | Light Spirit | black, 12.7 to 1 |
| 30 | `#d3d5db` | `oklch(87.38% 0.0088 267.09)` | Sparkling Frost | black, 14.3 to 1 |
| 31 | `#dedfe3` | `oklch(90.37% 0.0061 274.60)` | Wayward Wind | black, 15.7 to 1 |
| 32 | `#e5e6e9` | `oklch(92.52% 0.0041 279.83)` | Lilac Murmur | black, 16.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eae546 0.0%, #e8de41 3.2%, #e5d43b 6.5%, #e1c934 9.7%, #dabe2f 12.9%, #d0b32d 16.1%, #c3a82c 19.4%, #b39b2b 22.6%, #a18e2b 25.8%, #90832b 29.0%, #7e792e 32.3%, #6e7232 35.5%, #5d6c38 38.7%, #4e663f 41.9%, #436145 45.2%, #3c5e4b 48.4%, #3a5e51 51.6%, #39605a 54.8%, #3b6564 58.1%, #406c71 61.3%, #49737d 64.5%, #557a88 67.7%, #648493 71.0%, #75909e 74.2%, #879ca9 77.4%, #98a8b4 80.6%, #a7b4be 83.9%, #b6bfc8 87.1%, #c5cad2 90.3%, #d3d5db 93.5%, #dedfe3 96.8%, #e5e6e9 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(89.76% 0.1709 107.58) 0.0%, oklch(88.13% 0.1678 105.71) 3.2%, oklch(85.90% 0.1638 102.86) 6.5%, oklch(83.20% 0.1588 99.78) 9.7%, oklch(80.17% 0.1528 97.23) 12.9%, oklch(76.93% 0.1459 95.98) 16.1%, oklch(73.33% 0.1378 96.01) 19.4%, oklch(69.11% 0.1282 96.52) 22.6%, oklch(64.66% 0.1177 97.94) 25.8%, oklch(60.35% 0.1071 100.78) 29.0%, oklch(56.58% 0.0969 105.50) 32.3%, oklch(53.49% 0.0872 112.73) 35.5%, oklch(50.60% 0.0770 122.66) 38.7%, oklch(48.09% 0.0670 134.35) 41.9%, oklch(46.17% 0.0579 146.79) 45.2%, oklch(45.06% 0.0508 158.97) 48.4%, oklch(44.98% 0.0465 170.25) 51.6%, oklch(45.91% 0.0457 182.02) 54.8%, oklch(47.66% 0.0470 193.92) 58.1%, oklch(50.01% 0.0487 205.20) 61.3%, oklch(52.77% 0.0492 215.14) 64.5%, oklch(55.77% 0.0472 222.97) 67.7%, oklch(59.42% 0.0428 228.16) 71.0%, oklch(63.62% 0.0370 231.62) 74.2%, oklch(68.03% 0.0308 234.45) 77.4%, oklch(72.33% 0.0248 237.80) 80.6%, oklch(76.20% 0.0200 242.78) 83.9%, oklch(80.01% 0.0159 249.98) 87.1%, oklch(83.83% 0.0121 258.49) 90.3%, oklch(87.38% 0.0088 267.09) 93.5%, oklch(90.37% 0.0061 274.60) 96.8%, oklch(92.52% 0.0041 279.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.898 | 0.171 | 107.6 |
| 2 | 0.764 | 0.145 | 96 |
| 3 | 0.555 | 0.094 | 107.6 |
| 4 | 0.449 | 0.048 | 164.6 |
| 5 | 0.547 | 0.048 | 220.7 |
| 6 | 0.756 | 0.021 | 241.8 |
| 7 | 0.925 | 0.004 | 279.8 |

## In these collections

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

## Other forms

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