# Gold and terracotta analog office nostalgia palette

The Gold and terracotta analog office nostalgia palette brings together light yellow, light orange, 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 orange, and its lightest tone is light yellow.

- Also called: Monochrome gray and brown linear swatches
- Seed: `kW3x5IaJC-FmXvPKIr5w6g_g`
- Page: https://grabient.com/kW3x5IaJC-FmXvPKIr5w6g_g?style=linearSwatches&steps=6&angle=270
- Drawn as: linear swatches, 6 steps, 270 degrees
- Kinds: light to dark, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#dcd8b9` | `oklch(87.80% 0.0413 101.25)` | Spring Day | black, 14.5 to 1 |
| 2 | `#d5c9aa` | `oklch(83.88% 0.0436 89.43)` | Sweet Porridge | black, 12.8 to 1 |
| 3 | `#c7aa8a` | `oklch(75.53% 0.0555 69.73)` | Semolina | black, 9.5 to 1 |
| 4 | `#b58363` | `oklch(65.28% 0.0768 53.59)` | Cognac Brown | black, 6.4 to 1 |
| 5 | `#a66342` | `oklch(56.71% 0.0993 46.06)` | Borneo | white, 4.6 to 1 |
| 6 | `#a05533` | `oklch(53.15% 0.1102 44.19)` | Piper | white, 5.4 to 1 |

## CSS

```css
background: linear-gradient(270deg, #dcd8b9 0.000% 16.667%, #d5c9aa 16.667% 33.333%, #c7aa8a 33.333% 50.000%, #b58363 50.000% 66.667%, #a66342 66.667% 83.333%, #a05533 83.333% 100.000%);
background: linear-gradient(270deg, oklch(87.80% 0.0413 101.25) 0.000% 16.667%, oklch(83.88% 0.0436 89.43) 16.667% 33.333%, oklch(75.53% 0.0555 69.73) 33.333% 50.000%, oklch(65.28% 0.0768 53.59) 50.000% 66.667%, oklch(56.71% 0.0993 46.06) 66.667% 83.333%, oklch(53.15% 0.1102 44.19) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.041 | 101.3 |
| 2 | 0.823 | 0.045 | 85.4 |
| 3 | 0.705 | 0.065 | 60 |
| 4 | 0.583 | 0.095 | 47.4 |
| 5 | 0.531 | 0.11 | 44.2 |

## In these collections

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

## Other forms

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