# Teal, ochre and aubergine monsoon rice field

The Teal, ochre and aubergine monsoon rice field brings together teal, green, gold, orange, red, and purple. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Teal, green, brown and purple linear gradient
- Seed: `kYjz1-UjS7lMtPFLLLlPTI6jG1uS`
- Page: https://grabient.com/kYjz1-UjS7lMtPFLLLlPTI6jG1uS?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.4 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 | `#338575` | `oklch(56.30% 0.0841 177.19)` | Emerald Whispers | black, 4.7 to 1 |
| 2 | `#308a73` | `oklch(57.25% 0.0913 173.25)` | Ionian | black, 4.9 to 1 |
| 3 | `#2e8f70` | `oklch(58.62% 0.1020 167.77)` | Leprechaun | black, 5.2 to 1 |
| 4 | `#30966b` | `oklch(60.22% 0.1144 161.29)` | Starship Trooper | black, 5.6 to 1 |
| 5 | `#399c62` | `oklch(61.85% 0.1267 154.36)` | Green Fondant | black, 6 to 1 |
| 6 | `#47a057` | `oklch(63.31% 0.1372 147.52)` | Chateau Green | black, 6.4 to 1 |
| 7 | `#56a24c` | `oklch(64.41% 0.1439 141.32)` | Straightforward Green | black, 6.6 to 1 |
| 8 | `#64a342` | `oklch(65.09% 0.1459 136.12)` | Zatar Leaf | black, 6.8 to 1 |
| 9 | `#70a23c` | `oklch(65.55% 0.1441 131.60)` | Green Gone Wild | black, 6.9 to 1 |
| 10 | `#7aa138` | `oklch(65.83% 0.1398 127.35)` | Carol’s Purr | black, 6.9 to 1 |
| 11 | `#839f36` | `oklch(65.91% 0.1343 122.97)` | Bruni Green | black, 6.9 to 1 |
| 12 | `#8b9c34` | `oklch(65.80% 0.1290 118.07)` | Vigorous Wasabi | black, 6.8 to 1 |
| 13 | `#939830` | `oklch(65.52% 0.1250 112.24)` | Appletini | black, 6.7 to 1 |
| 14 | `#9b9329` | `oklch(65.04% 0.1231 105.09)` | Art Nouveau Green | black, 6.5 to 1 |
| 15 | `#a38c22` | `oklch(64.35% 0.1219 96.64)` | Faint Green | black, 6.3 to 1 |
| 16 | `#aa851d` | `oklch(63.45% 0.1212 87.32)` | Chestnut Gold | black, 6 to 1 |
| 17 | `#af7d1d` | `oklch(62.39% 0.1211 77.58)` | Golden Brown | black, 5.7 to 1 |
| 18 | `#b37422` | `oklch(61.19% 0.1213 67.88)` | Toffee Sauce | black, 5.4 to 1 |
| 19 | `#b56b29` | `oklch(59.88% 0.1220 58.66)` | Hardy Clay | black, 5.1 to 1 |
| 20 | `#b46330` | `oklch(58.47% 0.1232 50.34)` | Polished Copper | black, 4.7 to 1 |
| 21 | `#b25b35` | `oklch(56.85% 0.1251 42.80)` | Fiery Orange | white, 4.7 to 1 |
| 22 | `#af523a` | `oklch(55.04% 0.1276 35.72)` | Crimson Warrior | white, 5.1 to 1 |
| 23 | `#ab493e` | `oklch(53.14% 0.1304 28.83)` | Wilted Brown | white, 5.5 to 1 |
| 24 | `#a54143` | `oklch(51.23% 0.1333 21.83)` | No More Drama | white, 6 to 1 |
| 25 | `#a03949` | `oklch(49.39% 0.1360 14.46)` | Bright Lady | white, 6.6 to 1 |
| 26 | `#993350` | `oklch(47.71% 0.1382 6.41)` | Raspberry Ice Red | white, 7.1 to 1 |
| 27 | `#912d59` | `oklch(46.02% 0.1402 356.93)` | Pink Horror | white, 7.7 to 1 |
| 28 | `#872963` | `oklch(44.31% 0.1420 346.40)` | Dark Raspberry | white, 8.3 to 1 |
| 29 | `#7c276c` | `oklch(42.66% 0.1437 335.68)` | Grape Juice | white, 8.9 to 1 |
| 30 | `#702574` | `oklch(41.16% 0.1452 325.64)` | Count’s Wardrobe | white, 9.4 to 1 |
| 31 | `#66257a` | `oklch(39.90% 0.1465 317.14)` | Berry Blackmail | white, 9.9 to 1 |
| 32 | `#5e247d` | `oklch(38.98% 0.1474 311.04)` | Purplex | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #338575 0.0%, #308a73 3.2%, #2e8f70 6.5%, #30966b 9.7%, #399c62 12.9%, #47a057 16.1%, #56a24c 19.4%, #64a342 22.6%, #70a23c 25.8%, #7aa138 29.0%, #839f36 32.3%, #8b9c34 35.5%, #939830 38.7%, #9b9329 41.9%, #a38c22 45.2%, #aa851d 48.4%, #af7d1d 51.6%, #b37422 54.8%, #b56b29 58.1%, #b46330 61.3%, #b25b35 64.5%, #af523a 67.7%, #ab493e 71.0%, #a54143 74.2%, #a03949 77.4%, #993350 80.6%, #912d59 83.9%, #872963 87.1%, #7c276c 90.3%, #702574 93.5%, #66257a 96.8%, #5e247d 100.0%);
background: linear-gradient(180deg in oklch, oklch(56.30% 0.0841 177.19) 0.0%, oklch(57.25% 0.0913 173.25) 3.2%, oklch(58.62% 0.1020 167.77) 6.5%, oklch(60.22% 0.1144 161.29) 9.7%, oklch(61.85% 0.1267 154.36) 12.9%, oklch(63.31% 0.1372 147.52) 16.1%, oklch(64.41% 0.1439 141.32) 19.4%, oklch(65.09% 0.1459 136.12) 22.6%, oklch(65.55% 0.1441 131.60) 25.8%, oklch(65.83% 0.1398 127.35) 29.0%, oklch(65.91% 0.1343 122.97) 32.3%, oklch(65.80% 0.1290 118.07) 35.5%, oklch(65.52% 0.1250 112.24) 38.7%, oklch(65.04% 0.1231 105.09) 41.9%, oklch(64.35% 0.1219 96.64) 45.2%, oklch(63.45% 0.1212 87.32) 48.4%, oklch(62.39% 0.1211 77.58) 51.6%, oklch(61.19% 0.1213 67.88) 54.8%, oklch(59.88% 0.1220 58.66) 58.1%, oklch(58.47% 0.1232 50.34) 61.3%, oklch(56.85% 0.1251 42.80) 64.5%, oklch(55.04% 0.1276 35.72) 67.7%, oklch(53.14% 0.1304 28.83) 71.0%, oklch(51.23% 0.1333 21.83) 74.2%, oklch(49.39% 0.1360 14.46) 77.4%, oklch(47.71% 0.1382 6.41) 80.6%, oklch(46.02% 0.1402 356.93) 83.9%, oklch(44.31% 0.1420 346.40) 87.1%, oklch(42.66% 0.1437 335.68) 90.3%, oklch(41.16% 0.1452 325.64) 93.5%, oklch(39.90% 0.1465 317.14) 96.8%, oklch(38.98% 0.1474 311.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.084 | 177.2 |
| 2 | 0.646 | 0.145 | 140.2 |
| 3 | 0.654 | 0.124 | 109.6 |
| 4 | 0.591 | 0.123 | 53.5 |
| 5 | 0.48 | 0.138 | 8.1 |
| 6 | 0.39 | 0.147 | -49 |

## In these collections

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

## Other forms

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