# Sage and mustard cider press afternoon palette

The Sage and mustard cider press afternoon palette brings together teal, green, gold, and orange. 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 teal, and its lightest tone is gold.

- Also called: Teal, green, tan and orange linear gradient
- Seed: `kWfySJUx06eAovHhrr0Va89w`
- Page: https://grabient.com/kWfySJUx06eAovHhrr0Va89w?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.8 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 | `#406c6b` | `oklch(50.00% 0.0496 192.66)` | Moonlit Forest | white, 5.8 to 1 |
| 2 | `#42716d` | `oklch(51.27% 0.0520 188.81)` | Farrago | white, 5.5 to 1 |
| 3 | `#45766f` | `oklch(53.00% 0.0552 183.54)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 4 | `#4a7d71` | `oklch(55.06% 0.0591 177.26)` | Azurite Water Green | white, 4.6 to 1 |
| 5 | `#508573` | `oklch(57.33% 0.0633 170.38)` | Billiard Room | black, 4.9 to 1 |
| 6 | `#588c74` | `oklch(59.66% 0.0678 163.30)` | Alexandrite Green | black, 5.4 to 1 |
| 7 | `#619374` | `oklch(61.93% 0.0724 156.43)` | Skarsnik Green | black, 5.9 to 1 |
| 8 | `#6a9a74` | `oklch(64.01% 0.0768 150.19)` | Rosemary Green | black, 6.4 to 1 |
| 9 | `#729f73` | `oklch(65.77% 0.0809 144.95)` | Growth | black, 6.9 to 1 |
| 10 | `#7aa472` | `oklch(67.39% 0.0851 140.37)` | Ready Lawn | black, 7.3 to 1 |
| 11 | `#82a870` | `oklch(68.97% 0.0895 136.17)` | Garden of Eden | black, 7.8 to 1 |
| 12 | `#8aad6f` | `oklch(70.47% 0.0939 132.29)` | Sage | black, 8.2 to 1 |
| 13 | `#92b06d` | `oklch(71.87% 0.0983 128.63)` | Rural Eyes | black, 8.6 to 1 |
| 14 | `#99b46b` | `oklch(73.14% 0.1025 125.13)` | Light Birch Green | black, 9 to 1 |
| 15 | `#a1b668` | `oklch(74.26% 0.1064 121.71)` | Light Birch Green | black, 9.4 to 1 |
| 16 | `#a8b865` | `oklch(75.20% 0.1100 118.30)` | Beach Bag | black, 9.7 to 1 |
| 17 | `#afb962` | `oklch(75.94% 0.1131 114.84)` | Beach Bag | black, 9.9 to 1 |
| 18 | `#b5ba5e` | `oklch(76.55% 0.1160 111.44)` | Spring Ahead | black, 10.1 to 1 |
| 19 | `#bbba5b` | `oklch(77.02% 0.1186 108.12)` | Parachute | black, 10.2 to 1 |
| 20 | `#c1b957` | `oklch(77.33% 0.1210 104.88)` | Parachute | black, 10.3 to 1 |
| 21 | `#c6b853` | `oklch(77.49% 0.1231 101.74)` | Parachute | black, 10.4 to 1 |
| 22 | `#cab750` | `oklch(77.48% 0.1249 98.70)` | Gold Gleam | black, 10.3 to 1 |
| 23 | `#cdb44c` | `oklch(77.28% 0.1265 95.77)` | Gold Gleam | black, 10.2 to 1 |
| 24 | `#d0b148` | `oklch(76.90% 0.1279 92.95)` | Sugar Leaves | black, 10.1 to 1 |
| 25 | `#d1ae44` | `oklch(76.24% 0.1289 90.20)` | Ceylon Yellow | black, 9.8 to 1 |
| 26 | `#d1a93f` | `oklch(75.17% 0.1295 87.42)` | Brassed Off | black, 9.4 to 1 |
| 27 | `#d0a33a` | `oklch(73.82% 0.1298 84.69)` | Cremini | black, 8.9 to 1 |
| 28 | `#ce9d35` | `oklch(72.31% 0.1299 82.08)` | Local Curry | black, 8.4 to 1 |
| 29 | `#cb9630` | `oklch(70.78% 0.1298 79.66)` | Golden Pheasant | black, 7.9 to 1 |
| 30 | `#c9912c` | `oklch(69.35% 0.1296 77.50)` | Mecca Gold | black, 7.5 to 1 |
| 31 | `#c68c29` | `oklch(68.16% 0.1295 75.69)` | Calico Cat | black, 7.1 to 1 |
| 32 | `#c58927` | `oklch(67.32% 0.1295 74.30)` | Auric | black, 6.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #406c6b 0.0%, #42716d 3.2%, #45766f 6.5%, #4a7d71 9.7%, #508573 12.9%, #588c74 16.1%, #619374 19.4%, #6a9a74 22.6%, #729f73 25.8%, #7aa472 29.0%, #82a870 32.3%, #8aad6f 35.5%, #92b06d 38.7%, #99b46b 41.9%, #a1b668 45.2%, #a8b865 48.4%, #afb962 51.6%, #b5ba5e 54.8%, #bbba5b 58.1%, #c1b957 61.3%, #c6b853 64.5%, #cab750 67.7%, #cdb44c 71.0%, #d0b148 74.2%, #d1ae44 77.4%, #d1a93f 80.6%, #d0a33a 83.9%, #ce9d35 87.1%, #cb9630 90.3%, #c9912c 93.5%, #c68c29 96.8%, #c58927 100.0%);
background: linear-gradient(90deg in oklch, oklch(50.00% 0.0496 192.66) 0.0%, oklch(51.27% 0.0520 188.81) 3.2%, oklch(53.00% 0.0552 183.54) 6.5%, oklch(55.06% 0.0591 177.26) 9.7%, oklch(57.33% 0.0633 170.38) 12.9%, oklch(59.66% 0.0678 163.30) 16.1%, oklch(61.93% 0.0724 156.43) 19.4%, oklch(64.01% 0.0768 150.19) 22.6%, oklch(65.77% 0.0809 144.95) 25.8%, oklch(67.39% 0.0851 140.37) 29.0%, oklch(68.97% 0.0895 136.17) 32.3%, oklch(70.47% 0.0939 132.29) 35.5%, oklch(71.87% 0.0983 128.63) 38.7%, oklch(73.14% 0.1025 125.13) 41.9%, oklch(74.26% 0.1064 121.71) 45.2%, oklch(75.20% 0.1100 118.30) 48.4%, oklch(75.94% 0.1131 114.84) 51.6%, oklch(76.55% 0.1160 111.44) 54.8%, oklch(77.02% 0.1186 108.12) 58.1%, oklch(77.33% 0.1210 104.88) 61.3%, oklch(77.49% 0.1231 101.74) 64.5%, oklch(77.48% 0.1249 98.70) 67.7%, oklch(77.28% 0.1265 95.77) 71.0%, oklch(76.90% 0.1279 92.95) 74.2%, oklch(76.24% 0.1289 90.20) 77.4%, oklch(75.17% 0.1295 87.42) 80.6%, oklch(73.82% 0.1298 84.69) 83.9%, oklch(72.31% 0.1299 82.08) 87.1%, oklch(70.78% 0.1298 79.66) 90.3%, oklch(69.35% 0.1296 77.50) 93.5%, oklch(68.16% 0.1295 75.69) 96.8%, oklch(67.32% 0.1295 74.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.05 | 192.7 |
| 2 | 0.654 | 0.08 | 146.2 |
| 3 | 0.756 | 0.112 | 116.6 |
| 4 | 0.768 | 0.128 | 92.3 |
| 5 | 0.673 | 0.13 | 74.3 |

## In these collections

- [Cider press afternoon](https://grabient.com/cider-press-afternoon)

## Other forms

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