# Crimson and ochre analog office nostalgia

The Crimson and ochre analog office nostalgia brings together red, purple, teal, green, and gold. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Rainbow from red to tan radial swatches
- Seed: `kYlXoXPDE8bUauBDlLS1KA4VypOy`
- Page: https://grabient.com/kYlXoXPDE8bUauBDlLS1KA4VypOy?style=radialSwatches&steps=6&angle=315
- Drawn as: radial swatches, 6 steps, 315 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.6 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 | `#cd4c35` | `oklch(58.66% 0.1681 32.34)` | Peanut Butter Jelly | black, 4.6 to 1 |
| 2 | `#953354` | `oklch(47.24% 0.1350 2.75)` | Forward Fuchsia | white, 7.2 to 1 |
| 3 | `#504470` | `oklch(41.73% 0.0730 296.18)` | Izmir Purple | white, 8.7 to 1 |
| 4 | `#42767a` | `oklch(53.15% 0.0565 201.07)` | Ocean Slumber | white, 5.1 to 1 |
| 5 | `#7ba16a` | `oklch(66.54% 0.0882 136.61)` | Frog Hollow | black, 7.1 to 1 |
| 6 | `#bca74d` | `oklch(72.83% 0.1130 96.45)` | Forest Tent | black, 8.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cd4c35 0.000% 16.667%, #953354 16.667% 33.333%, #504470 33.333% 50.000%, #42767a 50.000% 66.667%, #7ba16a 66.667% 83.333%, #bca74d 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(58.66% 0.1681 32.34) 0.000% 16.667%, oklch(47.24% 0.1350 2.75) 16.667% 33.333%, oklch(41.73% 0.0730 296.18) 33.333% 50.000%, oklch(53.15% 0.0565 201.07) 50.000% 66.667%, oklch(66.54% 0.0882 136.61) 66.667% 83.333%, oklch(72.83% 0.1130 96.45) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.168 | 32.3 |
| 2 | 0.472 | 0.135 | 2.8 |
| 3 | 0.417 | 0.073 | -63.8 |
| 4 | 0.531 | 0.056 | -158.9 |
| 5 | 0.665 | 0.088 | -223.4 |
| 6 | 0.728 | 0.113 | -263.5 |

## In these collections

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

## Other forms

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