# Ochre and teal cider press afternoon palette

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

- Also called: Brown, gray and teal linear gradient
- Seed: `kcrV41zC6-MCqPq2nr9MgdArcKz1CGr7ziM_A`
- Page: https://grabient.com/kcrV41zC6-MCqPq2nr9MgdArcKz1CGr7ziM_A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.2 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 | `#c78c29` | `oklch(68.11% 0.1295 75.23)` | Calico Cat | black, 7.1 to 1 |
| 2 | `#c48626` | `oklch(66.82% 0.1295 72.81)` | Simply Sienna | black, 6.8 to 1 |
| 3 | `#c17f22` | `oklch(64.98% 0.1296 69.32)` | Turmeric Brown | black, 6.3 to 1 |
| 4 | `#bd761f` | `oklch(62.86% 0.1295 65.42)` | Milvus Milvus Orange | black, 5.7 to 1 |
| 5 | `#b86e1e` | `oklch(60.71% 0.1287 61.77)` | Brown Alpaca | black, 5.2 to 1 |
| 6 | `#b3671d` | `oklch(58.70% 0.1272 58.83)` | Light Brown | black, 4.8 to 1 |
| 7 | `#ad601d` | `oklch(56.64% 0.1253 56.16)` | Plaguelands Hazel | white, 4.7 to 1 |
| 8 | `#a6591d` | `oklch(54.54% 0.1229 53.71)` | Sienna | white, 5.1 to 1 |
| 9 | `#9f531d` | `oklch(52.48% 0.1195 51.52)` | Ancient Bronze | white, 5.6 to 1 |
| 10 | `#974e1f` | `oklch(50.51% 0.1150 49.62)` | Burnt Bagel | white, 6.1 to 1 |
| 11 | `#904920` | `oklch(48.56% 0.1098 47.85)` | Madeira Brown | white, 6.6 to 1 |
| 12 | `#884521` | `oklch(46.64% 0.1037 46.27)` | Honey Garlic Beef | white, 7.2 to 1 |
| 13 | `#804123` | `oklch(44.85% 0.0963 45.11)` | Cacao Nibs | white, 7.7 to 1 |
| 14 | `#773f25` | `oklch(43.30% 0.0871 44.59)` | Burnished Russet | white, 8.2 to 1 |
| 15 | `#6f3f2a` | `oklch(42.01% 0.0747 43.60)` | Red Mane | white, 8.7 to 1 |
| 16 | `#653f31` | `oklch(40.88% 0.0580 40.52)` | Grilled | white, 9 to 1 |
| 17 | `#5b4038` | `oklch(40.00% 0.0405 38.95)` | Shaved Chocolate | white, 9.3 to 1 |
| 18 | `#53423b` | `oklch(39.47% 0.0259 42.77)` | Spiced Hot Chocolate | white, 9.5 to 1 |
| 19 | `#4e443d` | `oklch(39.40% 0.0177 56.09)` | Espresso Beans | white, 9.4 to 1 |
| 20 | `#4b473e` | `oklch(39.82% 0.0156 83.77)` | Moss Glen | white, 9.2 to 1 |
| 21 | `#484b40` | `oklch(40.65% 0.0176 119.47)` | Sensai Brown | white, 8.9 to 1 |
| 22 | `#435047` | `oklch(41.77% 0.0222 154.14)` | Park Avenue | white, 8.4 to 1 |
| 23 | `#405550` | `oklch(43.10% 0.0281 178.75)` | Dark Everglade | white, 7.9 to 1 |
| 24 | `#3d5b58` | `oklch(44.67% 0.0356 187.97)` | Trekking Green | white, 7.4 to 1 |
| 25 | `#3a625e` | `oklch(46.57% 0.0460 187.10)` | Moor Pond Green | white, 6.7 to 1 |
| 26 | `#376a61` | `oklch(48.65% 0.0575 181.00)` | Seiheki Green | white, 6.1 to 1 |
| 27 | `#367263` | `oklch(50.78% 0.0681 174.50)` | Nordic Forest | white, 5.5 to 1 |
| 28 | `#367a66` | `oklch(52.89% 0.0762 171.67)` | Census | white, 5 to 1 |
| 29 | `#38826b` | `oklch(55.29% 0.0829 169.73)` | Dream Green | white, 4.5 to 1 |
| 30 | `#3c8a6f` | `oklch(57.75% 0.0886 167.84)` | Ionian | black, 5 to 1 |
| 31 | `#409273` | `oklch(59.91% 0.0932 166.21)` | Illuminating Emerald | black, 5.5 to 1 |
| 32 | `#439776` | `oklch(61.42% 0.0965 165.06)` | Good Luck | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c78c29 0.0%, #c48626 3.2%, #c17f22 6.5%, #bd761f 9.7%, #b86e1e 12.9%, #b3671d 16.1%, #ad601d 19.4%, #a6591d 22.6%, #9f531d 25.8%, #974e1f 29.0%, #904920 32.3%, #884521 35.5%, #804123 38.7%, #773f25 41.9%, #6f3f2a 45.2%, #653f31 48.4%, #5b4038 51.6%, #53423b 54.8%, #4e443d 58.1%, #4b473e 61.3%, #484b40 64.5%, #435047 67.7%, #405550 71.0%, #3d5b58 74.2%, #3a625e 77.4%, #376a61 80.6%, #367263 83.9%, #367a66 87.1%, #38826b 90.3%, #3c8a6f 93.5%, #409273 96.8%, #439776 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.11% 0.1295 75.23) 0.0%, oklch(66.82% 0.1295 72.81) 3.2%, oklch(64.98% 0.1296 69.32) 6.5%, oklch(62.86% 0.1295 65.42) 9.7%, oklch(60.71% 0.1287 61.77) 12.9%, oklch(58.70% 0.1272 58.83) 16.1%, oklch(56.64% 0.1253 56.16) 19.4%, oklch(54.54% 0.1229 53.71) 22.6%, oklch(52.48% 0.1195 51.52) 25.8%, oklch(50.51% 0.1150 49.62) 29.0%, oklch(48.56% 0.1098 47.85) 32.3%, oklch(46.64% 0.1037 46.27) 35.5%, oklch(44.85% 0.0963 45.11) 38.7%, oklch(43.30% 0.0871 44.59) 41.9%, oklch(42.01% 0.0747 43.60) 45.2%, oklch(40.88% 0.0580 40.52) 48.4%, oklch(40.00% 0.0405 38.95) 51.6%, oklch(39.47% 0.0259 42.77) 54.8%, oklch(39.40% 0.0177 56.09) 58.1%, oklch(39.82% 0.0156 83.77) 61.3%, oklch(40.65% 0.0176 119.47) 64.5%, oklch(41.77% 0.0222 154.14) 67.7%, oklch(43.10% 0.0281 178.75) 71.0%, oklch(44.67% 0.0356 187.97) 74.2%, oklch(46.57% 0.0460 187.10) 77.4%, oklch(48.65% 0.0575 181.00) 80.6%, oklch(50.78% 0.0681 174.50) 83.9%, oklch(52.89% 0.0762 171.67) 87.1%, oklch(55.29% 0.0829 169.73) 90.3%, oklch(57.75% 0.0886 167.84) 93.5%, oklch(59.91% 0.0932 166.21) 96.8%, oklch(61.42% 0.0965 165.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.13 | 75.2 |
| 2 | 0.598 | 0.128 | 60.4 |
| 3 | 0.508 | 0.116 | 49.9 |
| 4 | 0.429 | 0.084 | 44.6 |
| 5 | 0.394 | 0.019 | 50.9 |
| 6 | 0.433 | 0.029 | 180.9 |
| 7 | 0.52 | 0.073 | 172.5 |
| 8 | 0.614 | 0.096 | 165.1 |

## In these collections

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

## Other forms

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