# Gold and teal color palette

The Gold and teal color palette brings together light yellow, light green, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is light yellow.

- Also called: Beige, green, dark green and teal linear gradient
- Seed: `kc5UNJ6bNCdo2QbDJkGtZtBcamQBZK797RNBQ`
- Page: https://grabient.com/kc5UNJ6bNCdo2QbDJkGtZtBcamQBZK797RNBQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#e9e29a` | `oklch(90.16% 0.0923 103.36)` | Reviving Green | black, 15.7 to 1 |
| 2 | `#e3e091` | `oklch(89.14% 0.1007 106.83)` | Citrus Butter | black, 15.3 to 1 |
| 3 | `#d8de85` | `oklch(87.72% 0.1131 111.82)` | Carolina Parakeet | black, 14.7 to 1 |
| 4 | `#cadc79` | `oklch(85.99% 0.1263 117.40)` | Golden Hop | black, 14 to 1 |
| 5 | `#bad96f` | `oklch(83.99% 0.1373 122.61)` | Melissa | black, 13.2 to 1 |
| 6 | `#abd468` | `oklch(81.79% 0.1440 126.71)` | Lime Lizard | black, 12.3 to 1 |
| 7 | `#9bce63` | `oklch(79.36% 0.1486 130.21)` | Be Spontaneous | black, 11.4 to 1 |
| 8 | `#8bc75e` | `oklch(76.66% 0.1511 133.41)` | Vivid Spring | black, 10.4 to 1 |
| 9 | `#7bbf5b` | `oklch(73.68% 0.1511 136.52)` | Green Pear | black, 9.4 to 1 |
| 10 | `#6ab558` | `oklch(70.37% 0.1482 139.77)` | Pure Apple | black, 8.3 to 1 |
| 11 | `#5aa957` | `oklch(66.43% 0.1408 143.16)` | Harā Green | black, 7.2 to 1 |
| 12 | `#4a9b55` | `oklch(62.03% 0.1300 146.58)` | Clover Patch | black, 6 to 1 |
| 13 | `#3d8c52` | `oklch(57.64% 0.1181 149.94)` | Medium Green | black, 5 to 1 |
| 14 | `#33804f` | `oklch(53.72% 0.1073 153.19)` | Bold Irish | white, 4.8 to 1 |
| 15 | `#2a754c` | `oklch(50.36% 0.0984 156.38)` | Felt | white, 5.6 to 1 |
| 16 | `#226a49` | `oklch(46.99% 0.0892 159.68)` | Pumpkin Green | white, 6.5 to 1 |
| 17 | `#1d6146` | `oklch(44.15% 0.0811 162.80)` | Green Paw Paw | white, 7.3 to 1 |
| 18 | `#1a5b44` | `oklch(42.40% 0.0757 165.40)` | Evergreen | white, 7.9 to 1 |
| 19 | `#195b45` | `oklch(42.31% 0.0747 167.17)` | Evergreen | white, 8 to 1 |
| 20 | `#18614b` | `oklch(44.22% 0.0792 168.08)` | Green Paw Paw | white, 7.3 to 1 |
| 21 | `#186c53` | `oklch(47.51% 0.0874 168.35)` | Sparkling Emerald | white, 6.3 to 1 |
| 22 | `#18795d` | `oklch(51.38% 0.0965 168.21)` | Emerald Dream | white, 5.3 to 1 |
| 23 | `#1b8566` | `oklch(55.05% 0.1039 167.87)` | Accent Green Blue | white, 4.5 to 1 |
| 24 | `#208f6d` | `oklch(58.24% 0.1099 167.10)` | Leprechaun | black, 5.2 to 1 |
| 25 | `#279a74` | `oklch(61.48% 0.1164 165.61)` | Golf Green | black, 5.9 to 1 |
| 26 | `#31a57b` | `oklch(64.77% 0.1212 164.14)` | Linoleum Green | black, 6.8 to 1 |
| 27 | `#3fb083` | `oklch(68.13% 0.1221 163.40)` | Divot | black, 7.7 to 1 |
| 28 | `#51ba90` | `oklch(71.62% 0.1163 164.14)` | Blue Green Scene | black, 8.7 to 1 |
| 29 | `#6ac5a2` | `oklch(75.63% 0.1018 166.58)` | Gem Silica | black, 10 to 1 |
| 30 | `#85cfb5` | `oklch(79.72% 0.0829 169.87)` | Lavish Green | black, 11.5 to 1 |
| 31 | `#9dd7c4` | `oklch(83.31% 0.0647 173.07)` | Isabella’s Aqua | black, 12.9 to 1 |
| 32 | `#addcce` | `oklch(85.83% 0.0524 175.22)` | Prism | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e9e29a 0.0%, #e3e091 3.2%, #d8de85 6.5%, #cadc79 9.7%, #bad96f 12.9%, #abd468 16.1%, #9bce63 19.4%, #8bc75e 22.6%, #7bbf5b 25.8%, #6ab558 29.0%, #5aa957 32.3%, #4a9b55 35.5%, #3d8c52 38.7%, #33804f 41.9%, #2a754c 45.2%, #226a49 48.4%, #1d6146 51.6%, #1a5b44 54.8%, #195b45 58.1%, #18614b 61.3%, #186c53 64.5%, #18795d 67.7%, #1b8566 71.0%, #208f6d 74.2%, #279a74 77.4%, #31a57b 80.6%, #3fb083 83.9%, #51ba90 87.1%, #6ac5a2 90.3%, #85cfb5 93.5%, #9dd7c4 96.8%, #addcce 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.16% 0.0923 103.36) 0.0%, oklch(89.14% 0.1007 106.83) 3.2%, oklch(87.72% 0.1131 111.82) 6.5%, oklch(85.99% 0.1263 117.40) 9.7%, oklch(83.99% 0.1373 122.61) 12.9%, oklch(81.79% 0.1440 126.71) 16.1%, oklch(79.36% 0.1486 130.21) 19.4%, oklch(76.66% 0.1511 133.41) 22.6%, oklch(73.68% 0.1511 136.52) 25.8%, oklch(70.37% 0.1482 139.77) 29.0%, oklch(66.43% 0.1408 143.16) 32.3%, oklch(62.03% 0.1300 146.58) 35.5%, oklch(57.64% 0.1181 149.94) 38.7%, oklch(53.72% 0.1073 153.19) 41.9%, oklch(50.36% 0.0984 156.38) 45.2%, oklch(46.99% 0.0892 159.68) 48.4%, oklch(44.15% 0.0811 162.80) 51.6%, oklch(42.40% 0.0757 165.40) 54.8%, oklch(42.31% 0.0747 167.17) 58.1%, oklch(44.22% 0.0792 168.08) 61.3%, oklch(47.51% 0.0874 168.35) 64.5%, oklch(51.38% 0.0965 168.21) 67.7%, oklch(55.05% 0.1039 167.87) 71.0%, oklch(58.24% 0.1099 167.10) 74.2%, oklch(61.48% 0.1164 165.61) 77.4%, oklch(64.77% 0.1212 164.14) 80.6%, oklch(68.13% 0.1221 163.40) 83.9%, oklch(71.62% 0.1163 164.14) 87.1%, oklch(75.63% 0.1018 166.58) 90.3%, oklch(79.72% 0.0829 169.87) 93.5%, oklch(83.31% 0.0647 173.07) 96.8%, oklch(85.83% 0.0524 175.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.092 | 103.4 |
| 2 | 0.831 | 0.141 | 124.5 |
| 3 | 0.709 | 0.149 | 139.3 |
| 4 | 0.528 | 0.105 | 154.1 |
| 5 | 0.421 | 0.074 | 166.8 |
| 6 | 0.555 | 0.105 | 167.8 |
| 7 | 0.701 | 0.12 | 163.6 |
| 8 | 0.858 | 0.052 | 175.2 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)
- [Green gradients](https://grabient.com/green-gradients)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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