# Mustard and cobalt blue monsoon rice field

The Mustard and cobalt blue monsoon rice field brings together yellow, gold, orange, red, magenta, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is yellow.

- Also called: Triadic tan, maroon and blue linear gradient
- Seed: `kYyUlSXCg8c0qvI9Jz1spa6jUYtW`
- Page: https://grabient.com/kYyUlSXCg8c0qvI9Jz1spa6jUYtW?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.1 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 | `#b8c376` | `oklch(79.13% 0.1006 115.31)` | Zoodles | black, 11.1 to 1 |
| 2 | `#bac071` | `oklch(78.49% 0.1016 112.21)` | Zoodles | black, 10.8 to 1 |
| 3 | `#bcbb6b` | `oklch(77.65% 0.1031 107.92)` | Kelly’s Flower | black, 10.5 to 1 |
| 4 | `#bfb664` | `oklch(76.64% 0.1048 102.84)` | Motherland | black, 10.1 to 1 |
| 5 | `#c2b05c` | `oklch(75.47% 0.1066 97.35)` | Spring Marsh | black, 9.6 to 1 |
| 6 | `#c4a955` | `oklch(74.16% 0.1084 91.83)` | Yellow Maize | black, 9.1 to 1 |
| 7 | `#c5a24f` | `oklch(72.74% 0.1100 86.68)` | Sauterne | black, 8.6 to 1 |
| 8 | `#c59b49` | `oklch(71.17% 0.1114 81.94)` | Creole Mustard | black, 8.1 to 1 |
| 9 | `#c49343` | `oklch(69.41% 0.1129 77.14)` | Narcissus | black, 7.5 to 1 |
| 10 | `#c28a3e` | `oklch(67.50% 0.1145 72.35)` | Golden Leaf | black, 7 to 1 |
| 11 | `#bf8239` | `oklch(65.49% 0.1158 67.65)` | Mud Yellow | black, 6.4 to 1 |
| 12 | `#bc7936` | `oklch(63.45% 0.1167 63.11)` | Molten Caramel | black, 5.9 to 1 |
| 13 | `#b87134` | `oklch(61.42% 0.1172 58.82)` | Copper | black, 5.4 to 1 |
| 14 | `#b36a32` | `oklch(59.42% 0.1170 54.96)` | Tanooki Suit Brown | black, 5 to 1 |
| 15 | `#ad6230` | `oklch(57.33% 0.1167 51.81)` | Corn Snake | white, 4.5 to 1 |
| 16 | `#a75b2e` | `oklch(55.18% 0.1161 49.05)` | Beef Hotpot | white, 5 to 1 |
| 17 | `#a1542c` | `oklch(53.05% 0.1149 46.26)` | Warmth | white, 5.5 to 1 |
| 18 | `#9a4d2c` | `oklch(50.99% 0.1129 43.05)` | Catlinite | white, 6 to 1 |
| 19 | `#94472e` | `oklch(49.08% 0.1099 39.03)` | Dark Brazilian Topaz | white, 6.5 to 1 |
| 20 | `#8d4332` | `oklch(47.36% 0.1055 33.90)` | Remember Me Red | white, 7 to 1 |
| 21 | `#853f37` | `oklch(45.67% 0.0986 28.30)` | Kilauea Lava | white, 7.5 to 1 |
| 22 | `#7d3c3b` | `oklch(44.05% 0.0901 22.22)` | Kokiake Brown | white, 8.1 to 1 |
| 23 | `#743a40` | `oklch(42.56% 0.0811 15.44)` | Queen’s Rose | white, 8.6 to 1 |
| 24 | `#6c3944` | `oklch(41.29% 0.0726 7.70)` | Ripening Grape | white, 9 to 1 |
| 25 | `#653948` | `oklch(40.30% 0.0656 358.78)` | High Priest | white, 9.4 to 1 |
| 26 | `#5f394c` | `oklch(39.67% 0.0614 348.36)` | Violet Posy | white, 9.6 to 1 |
| 27 | `#5a3a53` | `oklch(39.53% 0.0599 334.82)` | Mexican Purple | white, 9.6 to 1 |
| 28 | `#553c5c` | `oklch(39.79% 0.0604 318.71)` | Old Heliotrope | white, 9.5 to 1 |
| 29 | `#4e4065` | `oklch(40.29% 0.0621 301.70)` | Geode | white, 9.3 to 1 |
| 30 | `#47456c` | `oklch(40.88% 0.0644 285.44)` | Palace Arms | white, 9 to 1 |
| 31 | `#3e4970` | `oklch(41.41% 0.0664 271.60)` | Egyptian Violet | white, 8.7 to 1 |
| 32 | `#384c71` | `oklch(41.73% 0.0675 261.85)` | Airforce | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b8c376 0.0%, #bac071 3.2%, #bcbb6b 6.5%, #bfb664 9.7%, #c2b05c 12.9%, #c4a955 16.1%, #c5a24f 19.4%, #c59b49 22.6%, #c49343 25.8%, #c28a3e 29.0%, #bf8239 32.3%, #bc7936 35.5%, #b87134 38.7%, #b36a32 41.9%, #ad6230 45.2%, #a75b2e 48.4%, #a1542c 51.6%, #9a4d2c 54.8%, #94472e 58.1%, #8d4332 61.3%, #853f37 64.5%, #7d3c3b 67.7%, #743a40 71.0%, #6c3944 74.2%, #653948 77.4%, #5f394c 80.6%, #5a3a53 83.9%, #553c5c 87.1%, #4e4065 90.3%, #47456c 93.5%, #3e4970 96.8%, #384c71 100.0%);
background: linear-gradient(180deg in oklch, oklch(79.13% 0.1006 115.31) 0.0%, oklch(78.49% 0.1016 112.21) 3.2%, oklch(77.65% 0.1031 107.92) 6.5%, oklch(76.64% 0.1048 102.84) 9.7%, oklch(75.47% 0.1066 97.35) 12.9%, oklch(74.16% 0.1084 91.83) 16.1%, oklch(72.74% 0.1100 86.68) 19.4%, oklch(71.17% 0.1114 81.94) 22.6%, oklch(69.41% 0.1129 77.14) 25.8%, oklch(67.50% 0.1145 72.35) 29.0%, oklch(65.49% 0.1158 67.65) 32.3%, oklch(63.45% 0.1167 63.11) 35.5%, oklch(61.42% 0.1172 58.82) 38.7%, oklch(59.42% 0.1170 54.96) 41.9%, oklch(57.33% 0.1167 51.81) 45.2%, oklch(55.18% 0.1161 49.05) 48.4%, oklch(53.05% 0.1149 46.26) 51.6%, oklch(50.99% 0.1129 43.05) 54.8%, oklch(49.08% 0.1099 39.03) 58.1%, oklch(47.36% 0.1055 33.90) 61.3%, oklch(45.67% 0.0986 28.30) 64.5%, oklch(44.05% 0.0901 22.22) 67.7%, oklch(42.56% 0.0811 15.44) 71.0%, oklch(41.29% 0.0726 7.70) 74.2%, oklch(40.30% 0.0656 358.78) 77.4%, oklch(39.67% 0.0614 348.36) 80.6%, oklch(39.53% 0.0599 334.82) 83.9%, oklch(39.79% 0.0604 318.71) 87.1%, oklch(40.29% 0.0621 301.70) 90.3%, oklch(40.88% 0.0644 285.44) 93.5%, oklch(41.41% 0.0664 271.60) 96.8%, oklch(41.73% 0.0675 261.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.101 | 115.3 |
| 2 | 0.724 | 0.11 | 85.7 |
| 3 | 0.606 | 0.117 | 57.2 |
| 4 | 0.48 | 0.107 | 36.1 |
| 5 | 0.398 | 0.062 | -9.4 |
| 6 | 0.417 | 0.068 | -98.2 |

## In these collections

- [Monsoon rice field](https://grabient.com/monsoon-rice-field)

## Other forms

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