# Ochre, bronze and sage analog office nostalgia

The Ochre, bronze and sage analog office nostalgia brings together gold, orange, gray, teal, and green. 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 gray, and its lightest tone is gold.

- Also called: Analogous tan, dark gray and green linear swatches
- Seed: `kYtltDzKi97iePothsCtglM0gYO4`
- Page: https://grabient.com/kYtltDzKi97iePothsCtglM0gYO4?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.3 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 | `#bca239` | `oklch(71.65% 0.1254 94.92)` | Grassy Ochre | black, 8.3 to 1 |
| 2 | `#a57724` | `oklch(60.24% 0.1116 78.01)` | Hot Toddy | black, 5.2 to 1 |
| 3 | `#724a1a` | `oklch(44.49% 0.0827 66.39)` | Vintage Wood | white, 7.7 to 1 |
| 4 | `#433b33` | `oklch(35.83% 0.0179 72.73)` | Blackish Brown | white, 10.9 to 1 |
| 5 | `#40534f` | `oklch(42.52% 0.0248 181.58)` | Gedney Green | white, 8.1 to 1 |
| 6 | `#5e815e` | `oklch(56.69% 0.0661 144.59)` | Soylent Green | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #bca239 0.000% 16.667%, #a57724 16.667% 33.333%, #724a1a 33.333% 50.000%, #433b33 50.000% 66.667%, #40534f 66.667% 83.333%, #5e815e 83.333% 100.000%);
background: linear-gradient(135deg, oklch(71.65% 0.1254 94.92) 0.000% 16.667%, oklch(60.24% 0.1116 78.01) 16.667% 33.333%, oklch(44.49% 0.0827 66.39) 33.333% 50.000%, oklch(35.83% 0.0179 72.73) 50.000% 66.667%, oklch(42.52% 0.0248 181.58) 66.667% 83.333%, oklch(56.69% 0.0661 144.59) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.125 | 94.9 |
| 2 | 0.602 | 0.112 | 78 |
| 3 | 0.445 | 0.083 | 66.4 |
| 4 | 0.358 | 0.018 | 72.7 |
| 5 | 0.425 | 0.025 | 181.6 |
| 6 | 0.567 | 0.066 | 144.6 |

## In these collections

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

## Other forms

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