# Green and Gold: Deep teal and ochre

The "Green and Gold: Deep teal and ochre" palette brings together green, orange, and gold. 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, orange and tan radial swatches
- Seed: `kYbi92RqK1dWyP7hs8C6bJAm8rQG`
- Page: https://grabient.com/kYbi92RqK1dWyP7hs8C6bJAm8rQG?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: dark to light, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.2 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 | `#295c48` | `oklch(43.31% 0.0648 165.94)` | Billiard Green | white, 7.7 to 1 |
| 2 | `#926b2a` | `oklch(55.51% 0.0951 77.17)` | Armageddon Dunes | white, 4.8 to 1 |
| 3 | `#c78813` | `oklch(67.32% 0.1378 75.06)` | Auric | black, 6.9 to 1 |
| 4 | `#e1a934` | `oklch(76.77% 0.1419 81.40)` | Dutch Orange | black, 9.9 to 1 |
| 5 | `#eec151` | `oklch(83.07% 0.1378 86.68)` | Cream Can | black, 12.3 to 1 |
| 6 | `#f3d376` | `oklch(87.40% 0.1185 90.91)` | Summertime | black, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #295c48 0.000% 16.667%, #926b2a 16.667% 33.333%, #c78813 33.333% 50.000%, #e1a934 50.000% 66.667%, #eec151 66.667% 83.333%, #f3d376 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(43.31% 0.0648 165.94) 0.000% 16.667%, oklch(55.51% 0.0951 77.17) 16.667% 33.333%, oklch(67.32% 0.1378 75.06) 33.333% 50.000%, oklch(76.77% 0.1419 81.40) 50.000% 66.667%, oklch(83.07% 0.1378 86.68) 66.667% 83.333%, oklch(87.40% 0.1185 90.91) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.433 | 0.065 | 165.9 |
| 2 | 0.555 | 0.095 | 77.2 |
| 3 | 0.673 | 0.138 | 75.1 |
| 4 | 0.768 | 0.142 | 81.4 |
| 5 | 0.831 | 0.138 | 86.7 |
| 6 | 0.874 | 0.119 | 90.9 |

## In these collections

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

## Other forms

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