# Terracotta and emerald analog office nostalgia palette

The Terracotta and emerald analog office nostalgia palette brings together orange, red, gray, teal, and green. The colors span a narrow 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: Orange, gray and green linear swatches
- Seed: `kYqGwdybe_L6nP08BUTxphMVQmPi`
- Page: https://grabient.com/kYqGwdybe_L6nP08BUTxphMVQmPi?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#dc6f43` | `oklch(66.14% 0.1488 41.48)` | Knockout Orange | black, 6.4 to 1 |
| 2 | `#c35135` | `oklch(57.87% 0.1530 35.14)` | Trinidad | white, 4.6 to 1 |
| 3 | `#94463b` | `oklch(49.21% 0.1075 29.86)` | Morocco Red | white, 6.5 to 1 |
| 4 | `#605a53` | `oklch(47.24% 0.0138 72.13)` | Intrigue | white, 6.7 to 1 |
| 5 | `#458072` | `oklch(55.51% 0.0661 176.75)` | Azurite Water Green | white, 4.5 to 1 |
| 6 | `#4fa77f` | `oklch(66.14% 0.1047 161.95)` | Shamrock Green | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #dc6f43 0.000% 16.667%, #c35135 16.667% 33.333%, #94463b 33.333% 50.000%, #605a53 50.000% 66.667%, #458072 66.667% 83.333%, #4fa77f 83.333% 100.000%);
background: linear-gradient(180deg, oklch(66.14% 0.1488 41.48) 0.000% 16.667%, oklch(57.87% 0.1530 35.14) 16.667% 33.333%, oklch(49.21% 0.1075 29.86) 33.333% 50.000%, oklch(47.24% 0.0138 72.13) 50.000% 66.667%, oklch(55.51% 0.0661 176.75) 66.667% 83.333%, oklch(66.14% 0.1047 161.95) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.149 | 41.5 |
| 2 | 0.579 | 0.153 | 35.1 |
| 3 | 0.492 | 0.107 | 29.9 |
| 4 | 0.472 | 0.014 | 72.1 |
| 5 | 0.555 | 0.066 | 176.7 |
| 6 | 0.661 | 0.105 | 162 |

## In these collections

- [Analog office nostalgia](https://grabient.com/analog-office-nostalgia)

## Other forms

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