# Ochre orange sage lemon bands

Pastel tan, orange, olive and green linear swatches with 13 colors: #d9a44d, #e39d4b, #ec9551, #df9252, #c19356, #ab955c, #9b9c61, #91a66d, #9db376, #bbc37e, #d2d689, #e3ee97, #eeffae. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel tan, orange, olive and green linear swatches
- Seed: `kYv1g33jA9VYdw3ZHsTaaK-HsrwM`
- Page: https://grabient.com/kYv1g33jA9VYdw3ZHsTaaK-HsrwM?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: pastel, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#d9a44d` | `oklch(75.20% 0.1213 78.05)` | Plantain Chips | black, 9.3 to 1 |
| 2 | `#e39d4b` | `oklch(75.05% 0.1282 67.75)` | Kikuchiba Gold | black, 9.2 to 1 |
| 3 | `#ec9551` | `oklch(74.52% 0.1339 56.81)` | Bronze Cup | black, 8.9 to 1 |
| 4 | `#df9252` | `oklch(72.60% 0.1226 59.34)` | Pumpkin Toast | black, 8.3 to 1 |
| 5 | `#c19356` | `oklch(69.36% 0.0966 72.80)` | Caramel Crumb | black, 7.5 to 1 |
| 6 | `#ab955c` | `oklch(67.58% 0.0796 88.65)` | Mossy Rock | black, 7.1 to 1 |
| 7 | `#9b9c61` | `oklch(67.69% 0.0788 108.89)` | Stem | black, 7.2 to 1 |
| 8 | `#91a66d` | `oklch(69.48% 0.0834 125.18)` | Lettuce Mound | black, 7.8 to 1 |
| 9 | `#9db376` | `oklch(73.59% 0.0866 124.74)` | Death Guard | black, 9.1 to 1 |
| 10 | `#bbc37e` | `oklch(79.52% 0.0912 114.47)` | Everglade Glen | black, 11.2 to 1 |
| 11 | `#d2d689` | `oklch(85.48% 0.0987 110.78)` | Lime Sherbet | black, 13.6 to 1 |
| 12 | `#e3ee97` | `oklch(92.05% 0.1106 114.47)` | Mint Julep | black, 16.8 to 1 |
| 13 | `#eeffae` | `oklch(96.85% 0.1046 118.20)` | Hawthorn Blossom | black, 19.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d9a44d 0.000% 7.692%, #e39d4b 7.692% 15.385%, #ec9551 15.385% 23.077%, #df9252 23.077% 30.769%, #c19356 30.769% 38.462%, #ab955c 38.462% 46.154%, #9b9c61 46.154% 53.846%, #91a66d 53.846% 61.538%, #9db376 61.538% 69.231%, #bbc37e 69.231% 76.923%, #d2d689 76.923% 84.615%, #e3ee97 84.615% 92.308%, #eeffae 92.308% 100.000%);
background: linear-gradient(90deg, oklch(75.20% 0.1213 78.05) 0.000% 7.692%, oklch(75.05% 0.1282 67.75) 7.692% 15.385%, oklch(74.52% 0.1339 56.81) 15.385% 23.077%, oklch(72.60% 0.1226 59.34) 23.077% 30.769%, oklch(69.36% 0.0966 72.80) 30.769% 38.462%, oklch(67.58% 0.0796 88.65) 38.462% 46.154%, oklch(67.69% 0.0788 108.89) 46.154% 53.846%, oklch(69.48% 0.0834 125.18) 53.846% 61.538%, oklch(73.59% 0.0866 124.74) 61.538% 69.231%, oklch(79.52% 0.0912 114.47) 69.231% 76.923%, oklch(85.48% 0.0987 110.78) 76.923% 84.615%, oklch(92.05% 0.1106 114.47) 84.615% 92.308%, oklch(96.85% 0.1046 118.20) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.121 | 78 |
| 2 | 0.74 | 0.132 | 55.9 |
| 3 | 0.677 | 0.081 | 85.4 |
| 4 | 0.701 | 0.084 | 126.7 |
| 5 | 0.831 | 0.095 | 110.8 |
| 6 | 0.969 | 0.12 | 118.2 |

## In these collections

- [Fall swatches](https://grabient.com/fall-swatches)

## Other forms

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