# Turquoise, moss and bronze analog office nostalgia

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

- Also called: Tritone teal, olive and brown radial swatches
- Seed: `kWeSmaUaG5tyrO3UKTrv6E8A`
- Page: https://grabient.com/kWeSmaUaG5tyrO3UKTrv6E8A?style=radialSwatches&steps=6&angle=270
- Drawn as: radial swatches, 6 steps, 270 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#346571` | `oklch(47.64% 0.0565 216.56)` | Pedigree | white, 6.4 to 1 |
| 2 | `#449480` | `oklch(61.11% 0.0852 174.19)` | Winter Green | black, 5.8 to 1 |
| 3 | `#7ab270` | `oklch(70.85% 0.1108 140.49)` | Stalk | black, 8.4 to 1 |
| 4 | `#aaa949` | `oklch(71.72% 0.1194 108.62)` | Olive Reserve | black, 8.5 to 1 |
| 5 | `#b08034` | `oklch(63.26% 0.1093 75.73)` | Gilded Gold | black, 5.9 to 1 |
| 6 | `#8c5330` | `oklch(50.00% 0.0909 50.65)` | Burnt Crust | white, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #346571 0.000% 16.667%, #449480 16.667% 33.333%, #7ab270 33.333% 50.000%, #aaa949 50.000% 66.667%, #b08034 66.667% 83.333%, #8c5330 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(47.64% 0.0565 216.56) 0.000% 16.667%, oklch(61.11% 0.0852 174.19) 16.667% 33.333%, oklch(70.85% 0.1108 140.49) 33.333% 50.000%, oklch(71.72% 0.1194 108.62) 50.000% 66.667%, oklch(63.26% 0.1093 75.73) 66.667% 83.333%, oklch(50.00% 0.0909 50.65) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.056 | 216.6 |
| 2 | 0.642 | 0.092 | 163.7 |
| 3 | 0.728 | 0.119 | 125.7 |
| 4 | 0.661 | 0.113 | 83.4 |
| 5 | 0.5 | 0.091 | 50.7 |

## In these collections

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

## Other forms

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