# Sage, terracotta and champagne cider press afternoon

The Sage, terracotta and champagne cider press afternoon brings together green, gold, orange, red, and pale 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 red, and its lightest tone is pale orange.

- Also called: Gray, orange, brown and beige linear swatches
- Seed: `kWjSBs2a44FSyPI_qb29Q3F4`
- Page: https://grabient.com/kWjSBs2a44FSyPI_qb29Q3F4?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5 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 | `#607b67` | `oklch(55.51% 0.0441 152.58)` | Swanndri | white, 4.6 to 1 |
| 2 | `#c39931` | `oklch(70.47% 0.1268 86.00)` | Crispy Gold | black, 7.9 to 1 |
| 3 | `#d27b30` | `oklch(66.54% 0.1378 57.47)` | Fired Up | black, 6.6 to 1 |
| 4 | `#99482f` | `oklch(50.00% 0.1144 38.45)` | Spicy Hue | white, 6.3 to 1 |
| 5 | `#efe4ca` | `oklch(92.13% 0.0372 89.17)` | Ivory Parchment | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #607b67 0.000% 20.000%, #c39931 20.000% 40.000%, #d27b30 40.000% 60.000%, #99482f 60.000% 80.000%, #efe4ca 80.000% 100.000%);
background: linear-gradient(45deg, oklch(55.51% 0.0441 152.58) 0.000% 20.000%, oklch(70.47% 0.1268 86.00) 20.000% 40.000%, oklch(66.54% 0.1378 57.47) 40.000% 60.000%, oklch(50.00% 0.1144 38.45) 60.000% 80.000%, oklch(92.13% 0.0372 89.17) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.044 | 152.6 |
| 2 | 0.705 | 0.127 | 86 |
| 3 | 0.665 | 0.138 | 57.5 |
| 4 | 0.5 | 0.114 | 38.4 |
| 5 | 0.921 | 0.037 | 89.2 |

## In these collections

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

## Other forms

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