# Ochre, mauve and sage monsoon rice field

The Ochre, mauve and sage monsoon rice field brings together gold, orange, red, blue, and teal. 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 blue, and its lightest tone is gold.

- Also called: Brown, navy and teal linear swatches
- Seed: `kYrF47RCg9rIRO2vFTJvZo9FAQua`
- Page: https://grabient.com/kYrF47RCg9rIRO2vFTJvZo9FAQua?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.5 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 | `#be8f22` | `oklch(67.72% 0.1295 82.97)` | Nugget | black, 7.1 to 1 |
| 2 | `#995e19` | `oklch(53.54% 0.1102 63.95)` | Tortoiseshell Specs | white, 5.3 to 1 |
| 3 | `#5d3c39` | `oklch(39.37% 0.0469 25.90)` | Hereford Bull | white, 9.6 to 1 |
| 4 | `#353e5f` | `oklch(37.01% 0.0579 271.78)` | Mangosteen | white, 10.5 to 1 |
| 5 | `#3c6285` | `oklch(48.43% 0.0717 247.47)` | Functional Blue | white, 6.3 to 1 |
| 6 | `#699291` | `oklch(62.99% 0.0455 194.63)` | Mineral Blue | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #be8f22 0.000% 16.667%, #995e19 16.667% 33.333%, #5d3c39 33.333% 50.000%, #353e5f 50.000% 66.667%, #3c6285 66.667% 83.333%, #699291 83.333% 100.000%);
background: linear-gradient(135deg, oklch(67.72% 0.1295 82.97) 0.000% 16.667%, oklch(53.54% 0.1102 63.95) 16.667% 33.333%, oklch(39.37% 0.0469 25.90) 33.333% 50.000%, oklch(37.01% 0.0579 271.78) 50.000% 66.667%, oklch(48.43% 0.0717 247.47) 66.667% 83.333%, oklch(62.99% 0.0455 194.63) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.677 | 0.13 | 83 |
| 2 | 0.535 | 0.11 | 63.9 |
| 3 | 0.394 | 0.047 | 25.9 |
| 4 | 0.37 | 0.058 | -88.2 |
| 5 | 0.484 | 0.072 | -112.5 |
| 6 | 0.63 | 0.045 | -165.4 |

## In these collections

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

## Other forms

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