# Emerald and gold color palette

The Emerald and gold color palette brings together green, light green, and yellow. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is green, and its lightest tone is yellow.

- Also called: Vivid analogous green to yellow linear gradient
- Seed: `kUp3xp3r0_um1Prwrzsg`
- Page: https://grabient.com/kUp3xp3r0_um1Prwrzsg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#2cad51` | `oklch(65.75% 0.1709 148.36)` | Matt Green | black, 7.1 to 1 |
| 2 | `#2fae52` | `oklch(66.24% 0.1708 148.27)` | Matt Green | black, 7.3 to 1 |
| 3 | `#32b054` | `oklch(66.88% 0.1708 148.21)` | Spandex Green | black, 7.4 to 1 |
| 4 | `#35b356` | `oklch(67.63% 0.1708 148.15)` | Spandex Green | black, 7.6 to 1 |
| 5 | `#39b558` | `oklch(68.47% 0.1709 148.08)` | Artificial Turf | black, 7.9 to 1 |
| 6 | `#3db85b` | `oklch(69.38% 0.1709 147.98)` | Classic Green | black, 8.2 to 1 |
| 7 | `#42bb5e` | `oklch(70.34% 0.1708 147.84)` | Forest Maid | black, 8.5 to 1 |
| 8 | `#47be60` | `oklch(71.31% 0.1705 147.63)` | Forest Maid | black, 8.8 to 1 |
| 9 | `#4cc163` | `oklch(72.28% 0.1701 147.34)` | Emerald Cory | black, 9.1 to 1 |
| 10 | `#51c465` | `oklch(73.23% 0.1694 146.95)` | Zombie Green | black, 9.4 to 1 |
| 11 | `#57c767` | `oklch(74.13% 0.1685 146.44)` | Zombie Green | black, 9.7 to 1 |
| 12 | `#5dc969` | `oklch(74.97% 0.1672 145.86)` | Verdant Oasis | black, 10 to 1 |
| 13 | `#63cb6b` | `oklch(75.84% 0.1656 145.34)` | Verdant Oasis | black, 10.3 to 1 |
| 14 | `#68ce6e` | `oklch(76.72% 0.1637 144.85)` | Snow Pea | black, 10.6 to 1 |
| 15 | `#6ed071` | `oklch(77.61% 0.1615 144.32)` | Energise | black, 10.9 to 1 |
| 16 | `#74d373` | `oklch(78.50% 0.1592 143.70)` | Green Lacewing | black, 11.2 to 1 |
| 17 | `#7ad576` | `oklch(79.37% 0.1567 142.93)` | Green Lacewing | black, 11.6 to 1 |
| 18 | `#81d778` | `oklch(80.23% 0.1543 141.96)` | Green Lacewing | black, 11.9 to 1 |
| 19 | `#88d979` | `oklch(81.06% 0.1518 140.72)` | Green Lacewing | black, 12.2 to 1 |
| 20 | `#8fdb7a` | `oklch(81.85% 0.1495 139.15)` | Feralas Lime | black, 12.5 to 1 |
| 21 | `#97dc7a` | `oklch(82.60% 0.1474 137.21)` | Feralas Lime | black, 12.8 to 1 |
| 22 | `#9fdd7a` | `oklch(83.30% 0.1454 134.81)` | Snarky Mint | black, 13.1 to 1 |
| 23 | `#a8de78` | `oklch(83.98% 0.1435 131.65)` | Last of Lettuce | black, 13.3 to 1 |
| 24 | `#b2de75` | `oklch(84.64% 0.1416 127.82)` | Melissa | black, 13.5 to 1 |
| 25 | `#bdde72` | `oklch(85.28% 0.1397 123.50)` | Citrus Lime | black, 13.8 to 1 |
| 26 | `#c7dd70` | `oklch(85.89% 0.1379 118.88)` | Dry Seedlings | black, 14 to 1 |
| 27 | `#d1dd6e` | `oklch(86.46% 0.1361 114.15)` | Chinese Green | black, 14.2 to 1 |
| 28 | `#dadc6c` | `oklch(86.99% 0.1345 109.51)` | Moist Gold | black, 14.4 to 1 |
| 29 | `#e3db6c` | `oklch(87.48% 0.1330 105.13)` | Straw | black, 14.5 to 1 |
| 30 | `#eada6c` | `oklch(87.91% 0.1316 101.21)` | Plastic Lime | black, 14.7 to 1 |
| 31 | `#efd96d` | `oklch(88.28% 0.1305 97.95)` | Mocha Dandelion | black, 14.8 to 1 |
| 32 | `#f3d96f` | `oklch(88.58% 0.1295 95.52)` | Mocha Dandelion | black, 14.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2cad51 0.0%, #2fae52 3.2%, #32b054 6.5%, #35b356 9.7%, #39b558 12.9%, #3db85b 16.1%, #42bb5e 19.4%, #47be60 22.6%, #4cc163 25.8%, #51c465 29.0%, #57c767 32.3%, #5dc969 35.5%, #63cb6b 38.7%, #68ce6e 41.9%, #6ed071 45.2%, #74d373 48.4%, #7ad576 51.6%, #81d778 54.8%, #88d979 58.1%, #8fdb7a 61.3%, #97dc7a 64.5%, #9fdd7a 67.7%, #a8de78 71.0%, #b2de75 74.2%, #bdde72 77.4%, #c7dd70 80.6%, #d1dd6e 83.9%, #dadc6c 87.1%, #e3db6c 90.3%, #eada6c 93.5%, #efd96d 96.8%, #f3d96f 100.0%);
background: linear-gradient(90deg in oklch, oklch(65.75% 0.1709 148.36) 0.0%, oklch(66.24% 0.1708 148.27) 3.2%, oklch(66.88% 0.1708 148.21) 6.5%, oklch(67.63% 0.1708 148.15) 9.7%, oklch(68.47% 0.1709 148.08) 12.9%, oklch(69.38% 0.1709 147.98) 16.1%, oklch(70.34% 0.1708 147.84) 19.4%, oklch(71.31% 0.1705 147.63) 22.6%, oklch(72.28% 0.1701 147.34) 25.8%, oklch(73.23% 0.1694 146.95) 29.0%, oklch(74.13% 0.1685 146.44) 32.3%, oklch(74.97% 0.1672 145.86) 35.5%, oklch(75.84% 0.1656 145.34) 38.7%, oklch(76.72% 0.1637 144.85) 41.9%, oklch(77.61% 0.1615 144.32) 45.2%, oklch(78.50% 0.1592 143.70) 48.4%, oklch(79.37% 0.1567 142.93) 51.6%, oklch(80.23% 0.1543 141.96) 54.8%, oklch(81.06% 0.1518 140.72) 58.1%, oklch(81.85% 0.1495 139.15) 61.3%, oklch(82.60% 0.1474 137.21) 64.5%, oklch(83.30% 0.1454 134.81) 67.7%, oklch(83.98% 0.1435 131.65) 71.0%, oklch(84.64% 0.1416 127.82) 74.2%, oklch(85.28% 0.1397 123.50) 77.4%, oklch(85.89% 0.1379 118.88) 80.6%, oklch(86.46% 0.1361 114.15) 83.9%, oklch(86.99% 0.1345 109.51) 87.1%, oklch(87.48% 0.1330 105.13) 90.3%, oklch(87.91% 0.1316 101.21) 93.5%, oklch(88.28% 0.1305 97.95) 96.8%, oklch(88.58% 0.1295 95.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.171 | 148.4 |
| 2 | 0.744 | 0.168 | 146.2 |
| 3 | 0.831 | 0.146 | 135.7 |
| 4 | 0.886 | 0.13 | 95.5 |

## In these collections

- [Spring gradients](https://grabient.com/spring-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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