# Deep teal and bronze green and gold

The Deep teal and bronze green and gold brings together green, gold, and orange. 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 green, and its lightest tone is gold.

- Also called: Dark green, tan and brown linear swatches
- Seed: `kWZzR3xiA_deutxpL7_O5q9Y`
- Page: https://grabient.com/kWZzR3xiA_deutxpL7_O5q9Y?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5 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 | `#165542` | `oklch(40.55% 0.0717 168.05)` | Bagpiper | white, 8.6 to 1 |
| 2 | `#398264` | `oklch(55.12% 0.0882 163.82)` | Mythical Forest | white, 4.6 to 1 |
| 3 | `#bb9628` | `oklch(68.90% 0.1281 88.79)` | Nugget Gold | black, 7.5 to 1 |
| 4 | `#eac158` | `oklch(82.68% 0.1309 87.73)` | Luminous Apricot | black, 12.2 to 1 |
| 5 | `#76522b` | `oklch(46.85% 0.0730 66.60)` | Bark Brown | white, 6.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #165542 0.000% 20.000%, #398264 20.000% 40.000%, #bb9628 40.000% 60.000%, #eac158 60.000% 80.000%, #76522b 80.000% 100.000%);
background: linear-gradient(90deg, oklch(40.55% 0.0717 168.05) 0.000% 20.000%, oklch(55.12% 0.0882 163.82) 20.000% 40.000%, oklch(68.90% 0.1281 88.79) 40.000% 60.000%, oklch(82.68% 0.1309 87.73) 60.000% 80.000%, oklch(46.85% 0.0730 66.60) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.406 | 0.072 | 168 |
| 2 | 0.551 | 0.088 | 163.8 |
| 3 | 0.689 | 0.128 | 88.8 |
| 4 | 0.827 | 0.131 | 87.7 |
| 5 | 0.469 | 0.073 | 66.6 |

## In these collections

- [Green and gold swatches](https://grabient.com/green-and-gold-swatches)

## Other forms

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