# Ochre, mauve and indigo wheat field sunset

The Ochre, mauve and indigo wheat field sunset brings together gold, orange, magenta, and blue. The colors span a moderate lightness range, combining strong 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: Olive, mauve and blue linear swatches
- Seed: `kWqlpFTB277yhNMzvrrM72-Q`
- Page: https://grabient.com/kWqlpFTB277yhNMzvrrM72-Q?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.3 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 | `#ab9529` | `oklch(66.93% 0.1240 97.03)` | Rapeseed Oil | black, 7 to 1 |
| 2 | `#a47d46` | `oklch(61.70% 0.0872 74.37)` | Wood Thrush | black, 5.6 to 1 |
| 3 | `#915663` | `oklch(52.40% 0.0794 6.02)` | Pink Peppercorn | white, 5.6 to 1 |
| 4 | `#643d87` | `oklch(44.09% 0.1223 306.76)` | Tillandsia Purple | white, 8.1 to 1 |
| 5 | `#3e2ea2` | `oklch(40.10% 0.1770 280.98)` | Purple Cabbage | white, 9.8 to 1 |
| 6 | `#2e38a2` | `oklch(40.55% 0.1695 272.10)` | Bluebell | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ab9529 0.000% 16.667%, #a47d46 16.667% 33.333%, #915663 33.333% 50.000%, #643d87 50.000% 66.667%, #3e2ea2 66.667% 83.333%, #2e38a2 83.333% 100.000%);
background: linear-gradient(135deg, oklch(66.93% 0.1240 97.03) 0.000% 16.667%, oklch(61.70% 0.0872 74.37) 16.667% 33.333%, oklch(52.40% 0.0794 6.02) 33.333% 50.000%, oklch(44.09% 0.1223 306.76) 50.000% 66.667%, oklch(40.10% 0.1770 280.98) 66.667% 83.333%, oklch(40.55% 0.1695 272.10) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.124 | 97 |
| 2 | 0.598 | 0.081 | 63.2 |
| 3 | 0.476 | 0.091 | -30.8 |
| 4 | 0.406 | 0.172 | -74.2 |
| 5 | 0.406 | 0.169 | -87.9 |

## In these collections

- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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