# Green and Gold: Deep teal and lime

The "Green and Gold: Deep teal and lime" palette brings together dark green, green, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark green, and its lightest tone is gold.

- Also called: Seamless dark green, green and tan angular gradient
- Seed: `kaSiV3OaK_VGxvzkMLt7Sw9c-mvimDEag`
- Page: https://grabient.com/kaSiV3OaK_VGxvzkMLt7Sw9c-mvimDEag?style=angularGradient&steps=32&angle=45
- Drawn as: angular gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.1 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 | `#0b3426` | `oklch(29.13% 0.0510 167.34)` | Coach Green | white, 13.7 to 1 |
| 2 | `#0b3a2a` | `oklch(31.20% 0.0568 166.67)` | Deep Fir | white, 12.7 to 1 |
| 3 | `#0a4330` | `oklch(34.08% 0.0650 165.73)` | UP Forest Green | white, 11.3 to 1 |
| 4 | `#0a4d37` | `oklch(37.49% 0.0745 164.62)` | Chrysocolla Dark Green | white, 9.8 to 1 |
| 5 | `#0a593e` | `oklch(41.13% 0.0844 163.43)` | Billiard Table | white, 8.4 to 1 |
| 6 | `#0b6444` | `oklch(44.71% 0.0937 162.25)` | Aotake Bamboo | white, 7.1 to 1 |
| 7 | `#0e704b` | `oklch(48.21% 0.1024 161.44)` | Aquadazzle | white, 6.1 to 1 |
| 8 | `#0d7c53` | `oklch(51.95% 0.1117 161.18)` | Sharp Green | white, 5.2 to 1 |
| 9 | `#0f895c` | `oklch(55.78% 0.1209 160.79)` | Vital Green | black, 4.7 to 1 |
| 10 | `#199663` | `oklch(59.54% 0.1289 159.63)` | Green Cyan | black, 5.5 to 1 |
| 11 | `#2ba167` | `oklch(63.07% 0.1350 157.03)` | Biel-Tan Green | black, 6.4 to 1 |
| 12 | `#43ab68` | `oklch(66.32% 0.1383 152.24)` | Seaweed Green | black, 7.2 to 1 |
| 13 | `#5fb365` | `oklch(69.46% 0.1391 145.20)` | Boring Green | black, 8.1 to 1 |
| 14 | `#7bba60` | `oklch(72.44% 0.1383 136.91)` | Leafy Greens | black, 9 to 1 |
| 15 | `#95bf5c` | `oklch(75.19% 0.1365 128.43)` | Green Pepper | black, 9.8 to 1 |
| 16 | `#aac35a` | `oklch(77.64% 0.1345 120.82)` | Green Glow | black, 10.6 to 1 |
| 17 | `#bbc75c` | `oklch(79.85% 0.1329 114.94)` | Wild Willow | black, 11.4 to 1 |
| 18 | `#cacc61` | `oklch(82.25% 0.1308 110.11)` | Sonic Lime | black, 12.3 to 1 |
| 19 | `#d7d167` | `oklch(84.48% 0.1284 105.98)` | Lime Tree | black, 13.2 to 1 |
| 20 | `#e1d46d` | `oklch(86.05% 0.1258 102.29)` | Bananarama | black, 13.8 to 1 |
| 21 | `#e7d470` | `oklch(86.45% 0.1231 98.84)` | Bold Gold | black, 14 to 1 |
| 22 | `#e7ce6d` | `oklch(85.20% 0.1205 95.27)` | Golden Sand | black, 13.4 to 1 |
| 23 | `#e2c264` | `oklch(82.22% 0.1190 90.50)` | Candelabra | black, 12.1 to 1 |
| 24 | `#d9b157` | `oklch(77.92% 0.1178 85.41)` | Golden Cricket | black, 10.4 to 1 |
| 25 | `#cc9f49` | `oklch(72.77% 0.1159 81.43)` | Chipmunk | black, 8.6 to 1 |
| 26 | `#ba8e3c` | `oklch(67.21% 0.1119 79.99)` | Trading Post | black, 6.9 to 1 |
| 27 | `#a47f31` | `oklch(61.67% 0.1046 82.53)` | Cloisonné Gold | black, 5.6 to 1 |
| 28 | `#86702a` | `oklch(55.21% 0.0921 90.90)` | Corn Harvest | white, 4.8 to 1 |
| 29 | `#655f28` | `oklch(47.89% 0.0758 103.51)` | Saguaro | white, 6.5 to 1 |
| 30 | `#474e27` | `oklch(40.63% 0.0587 117.57)` | Bronze Tone | white, 8.8 to 1 |
| 31 | `#313d25` | `oklch(34.33% 0.0435 130.27)` | Turtle Skin | white, 11.4 to 1 |
| 32 | `#253222` | `oklch(29.92% 0.0331 138.81)` | Mountain Range Green | white, 13.5 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #0b3426 0.0%, #0b3a2a 3.2%, #0a4330 6.5%, #0a4d37 9.7%, #0a593e 12.9%, #0b6444 16.1%, #0e704b 19.4%, #0d7c53 22.6%, #0f895c 25.8%, #199663 29.0%, #2ba167 32.3%, #43ab68 35.5%, #5fb365 38.7%, #7bba60 41.9%, #95bf5c 45.2%, #aac35a 48.4%, #bbc75c 51.6%, #cacc61 54.8%, #d7d167 58.1%, #e1d46d 61.3%, #e7d470 64.5%, #e7ce6d 67.7%, #e2c264 71.0%, #d9b157 74.2%, #cc9f49 77.4%, #ba8e3c 80.6%, #a47f31 83.9%, #86702a 87.1%, #655f28 90.3%, #474e27 93.5%, #313d25 96.8%, #253222 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(29.13% 0.0510 167.34) 0.0%, oklch(31.20% 0.0568 166.67) 3.2%, oklch(34.08% 0.0650 165.73) 6.5%, oklch(37.49% 0.0745 164.62) 9.7%, oklch(41.13% 0.0844 163.43) 12.9%, oklch(44.71% 0.0937 162.25) 16.1%, oklch(48.21% 0.1024 161.44) 19.4%, oklch(51.95% 0.1117 161.18) 22.6%, oklch(55.78% 0.1209 160.79) 25.8%, oklch(59.54% 0.1289 159.63) 29.0%, oklch(63.07% 0.1350 157.03) 32.3%, oklch(66.32% 0.1383 152.24) 35.5%, oklch(69.46% 0.1391 145.20) 38.7%, oklch(72.44% 0.1383 136.91) 41.9%, oklch(75.19% 0.1365 128.43) 45.2%, oklch(77.64% 0.1345 120.82) 48.4%, oklch(79.85% 0.1329 114.94) 51.6%, oklch(82.25% 0.1308 110.11) 54.8%, oklch(84.48% 0.1284 105.98) 58.1%, oklch(86.05% 0.1258 102.29) 61.3%, oklch(86.45% 0.1231 98.84) 64.5%, oklch(85.20% 0.1205 95.27) 67.7%, oklch(82.22% 0.1190 90.50) 71.0%, oklch(77.92% 0.1178 85.41) 74.2%, oklch(72.77% 0.1159 81.43) 77.4%, oklch(67.21% 0.1119 79.99) 80.6%, oklch(61.67% 0.1046 82.53) 83.9%, oklch(55.21% 0.0921 90.90) 87.1%, oklch(47.89% 0.0758 103.51) 90.3%, oklch(40.63% 0.0587 117.57) 93.5%, oklch(34.33% 0.0435 130.27) 96.8%, oklch(29.92% 0.0331 138.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.051 | 167.3 |
| 2 | 0.453 | 0.095 | 162.1 |
| 3 | 0.642 | 0.136 | 155.7 |
| 4 | 0.787 | 0.134 | 117.7 |
| 5 | 0.858 | 0.121 | 96.5 |
| 6 | 0.626 | 0.106 | 81.7 |
| 7 | 0.299 | 0.033 | 138.8 |

## In these collections

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

## Other forms

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