# Terracotta and gray wheat field sunset palette

The Terracotta and gray wheat field sunset palette brings together orange, gray, blue, dark purple, and dark orange. 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 dark orange, and its lightest tone is orange.

- Also called: Tan, gray, dark purple and brown linear swatches
- Seed: `kYsE8u2JBA8uCL41kr2IgxEB-Qyu`
- Page: https://grabient.com/kYsE8u2JBA8uCL41kr2IgxEB-Qyu?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light to dark, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.9 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 | `#ca8e4e` | `oklch(69.29% 0.1089 65.39)` | Slightly Golden | black, 7.4 to 1 |
| 2 | `#ae9a80` | `oklch(69.69% 0.0441 73.84)` | Incense | black, 7.7 to 1 |
| 3 | `#7f7e82` | `oklch(59.45% 0.0055 295.41)` | Silver Filigree | black, 5.1 to 1 |
| 4 | `#454b69` | `oklch(42.13% 0.0510 275.33)` | Royal Hyacinth | white, 8.4 to 1 |
| 5 | `#2b2132` | `oklch(26.77% 0.0331 310.20)` | Bleached Cedar | white, 15.3 to 1 |
| 6 | `#33190e` | `oklch(24.80% 0.0455 43.20)` | Darkroom | white, 16.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ca8e4e 0.000% 16.667%, #ae9a80 16.667% 33.333%, #7f7e82 33.333% 50.000%, #454b69 50.000% 66.667%, #2b2132 66.667% 83.333%, #33190e 83.333% 100.000%);
background: linear-gradient(180deg, oklch(69.29% 0.1089 65.39) 0.000% 16.667%, oklch(69.69% 0.0441 73.84) 16.667% 33.333%, oklch(59.45% 0.0055 295.41) 33.333% 50.000%, oklch(42.13% 0.0510 275.33) 50.000% 66.667%, oklch(26.77% 0.0331 310.20) 66.667% 83.333%, oklch(24.80% 0.0455 43.20) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.109 | 65.4 |
| 2 | 0.697 | 0.044 | 73.8 |
| 3 | 0.594 | 0.006 | -64.6 |
| 4 | 0.421 | 0.051 | -84.7 |
| 5 | 0.268 | 0.033 | -49.8 |
| 6 | 0.248 | 0.045 | 43.2 |

## In these collections

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

## Other forms

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