# Emerald, mustard and rose color palette

The Emerald, mustard and rose color palette brings together green, yellow, orange, and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is yellow.

- Also called: Neon green, yellow and red linear gradient
- Seed: `kWopFnZVK-nPHPNfQboTVO6Q`
- Page: https://grabient.com/kWopFnZVK-nPHPNfQboTVO6Q?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, neon
- Hues: wide
- Contrast of its darkest and lightest colors: 3.3 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 | `#07a92d` | `oklch(63.78% 0.1998 144.84)` | Carpet Moss | black, 6.6 to 1 |
| 2 | `#1aad2c` | `oklch(65.07% 0.2024 144.02)` | Kelley Green | black, 7 to 1 |
| 3 | `#28b22b` | `oklch(66.83% 0.2064 143.04)` | Try Your Luck | black, 7.5 to 1 |
| 4 | `#35b929` | `oklch(68.93% 0.2112 141.87)` | Green With Envy | black, 8.1 to 1 |
| 5 | `#43c125` | `oklch(71.24% 0.2162 140.50)` | Luigi | black, 8.8 to 1 |
| 6 | `#52c81f` | `oklch(73.62% 0.2208 138.91)` | Harlequin Green | black, 9.6 to 1 |
| 7 | `#61cf17` | `oklch(75.95% 0.2246 137.07)` | Blinking Terminal | black, 10.4 to 1 |
| 8 | `#71d506` | `oklch(78.11% 0.2269 134.98)` | Green Apple | black, 11.2 to 1 |
| 9 | `#82da00` | `oklch(79.98% 0.2242 132.61)` | Overgrown | black, 11.9 to 1 |
| 10 | `#92de00` | `oklch(81.92% 0.2206 130.05)` | Green Minions | black, 12.6 to 1 |
| 11 | `#a3e300` | `oklch(83.98% 0.2176 127.33)` | Quithayran Green | black, 13.5 to 1 |
| 12 | `#b3e700` | `oklch(86.03% 0.2146 124.38)` | Akhdhar Green | black, 14.3 to 1 |
| 13 | `#c3eb00` | `oklch(87.90% 0.2112 121.14)` | Virtual Golf | black, 15.1 to 1 |
| 14 | `#d2ed05` | `oklch(89.45% 0.2068 117.57)` | Spleen Green | black, 15.8 to 1 |
| 15 | `#e0ed0a` | `oklch(90.54% 0.2017 113.60)` | Saint Seiya Gold | black, 16.2 to 1 |
| 16 | `#ecea02` | `oklch(90.99% 0.1974 109.19)` | Titanium Yellow | black, 16.4 to 1 |
| 17 | `#f6e500` | `oklch(90.68% 0.1917 104.25)` | Eternal Summer | black, 16.1 to 1 |
| 18 | `#fcdd00` | `oklch(89.53% 0.1853 98.62)` | Dallol Yellow | black, 15.4 to 1 |
| 19 | `#ffd220` | `oklch(87.71% 0.1742 92.43)` | Happy Face | black, 14.4 to 1 |
| 20 | `#ffc62d` | `oklch(85.42% 0.1648 85.84)` | Pineapple Gold | black, 13.3 to 1 |
| 21 | `#ffb827` | `oklch(82.84% 0.1636 79.00)` | Extreme Yellow | black, 12.1 to 1 |
| 22 | `#ffaa1a` | `oklch(80.17% 0.1667 72.10)` | Averland Sunset | black, 11 to 1 |
| 23 | `#ff9b0b` | `oklch(77.59% 0.1720 65.28)` | Vitamin C | black, 9.9 to 1 |
| 24 | `#ff8e06` | `oklch(75.31% 0.1778 58.72)` | Laddu Orange | black, 9 to 1 |
| 25 | `#ff8114` | `oklch(73.29% 0.1830 52.25)` | Oriole | black, 8.3 to 1 |
| 26 | `#fd7324` | `oklch(71.19% 0.1883 45.31)` | Burning Orange | black, 7.6 to 1 |
| 27 | `#fb6431` | `oklch(69.05% 0.1953 38.17)` | Halt and Catch Fire | black, 7 to 1 |
| 28 | `#f9553e` | `oklch(66.96% 0.2033 31.11)` | Ogre Odour | black, 6.3 to 1 |
| 29 | `#f54649` | `oklch(65.00% 0.2115 24.43)` | Pastel Strawberry | black, 5.8 to 1 |
| 30 | `#f13754` | `oklch(63.23% 0.2192 18.42)` | Radish Lips | black, 5.4 to 1 |
| 31 | `#ed295c` | `oklch(61.75% 0.2257 13.37)` | Strawberry Pop | black, 5 to 1 |
| 32 | `#e91e63` | `oklch(60.63% 0.2301 9.58)` | Mellow Melon | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #07a92d 0.0%, #1aad2c 3.2%, #28b22b 6.5%, #35b929 9.7%, #43c125 12.9%, #52c81f 16.1%, #61cf17 19.4%, #71d506 22.6%, #82da00 25.8%, #92de00 29.0%, #a3e300 32.3%, #b3e700 35.5%, #c3eb00 38.7%, #d2ed05 41.9%, #e0ed0a 45.2%, #ecea02 48.4%, #f6e500 51.6%, #fcdd00 54.8%, #ffd220 58.1%, #ffc62d 61.3%, #ffb827 64.5%, #ffaa1a 67.7%, #ff9b0b 71.0%, #ff8e06 74.2%, #ff8114 77.4%, #fd7324 80.6%, #fb6431 83.9%, #f9553e 87.1%, #f54649 90.3%, #f13754 93.5%, #ed295c 96.8%, #e91e63 100.0%);
background: linear-gradient(45deg in oklch, oklch(63.78% 0.1998 144.84) 0.0%, oklch(65.07% 0.2024 144.02) 3.2%, oklch(66.83% 0.2064 143.04) 6.5%, oklch(68.93% 0.2112 141.87) 9.7%, oklch(71.24% 0.2162 140.50) 12.9%, oklch(73.62% 0.2208 138.91) 16.1%, oklch(75.95% 0.2246 137.07) 19.4%, oklch(78.11% 0.2269 134.98) 22.6%, oklch(79.98% 0.2242 132.61) 25.8%, oklch(81.92% 0.2206 130.05) 29.0%, oklch(83.98% 0.2176 127.33) 32.3%, oklch(86.03% 0.2146 124.38) 35.5%, oklch(87.90% 0.2112 121.14) 38.7%, oklch(89.45% 0.2068 117.57) 41.9%, oklch(90.54% 0.2017 113.60) 45.2%, oklch(90.99% 0.1974 109.19) 48.4%, oklch(90.68% 0.1917 104.25) 51.6%, oklch(89.53% 0.1853 98.62) 54.8%, oklch(87.71% 0.1742 92.43) 58.1%, oklch(85.42% 0.1648 85.84) 61.3%, oklch(82.84% 0.1636 79.00) 64.5%, oklch(80.17% 0.1667 72.10) 67.7%, oklch(77.59% 0.1720 65.28) 71.0%, oklch(75.31% 0.1778 58.72) 74.2%, oklch(73.29% 0.1830 52.25) 77.4%, oklch(71.19% 0.1883 45.31) 80.6%, oklch(69.05% 0.1953 38.17) 83.9%, oklch(66.96% 0.2033 31.11) 87.1%, oklch(65.00% 0.2115 24.43) 90.3%, oklch(63.23% 0.2192 18.42) 93.5%, oklch(61.75% 0.2257 13.37) 96.8%, oklch(60.63% 0.2301 9.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.2 | 144.8 |
| 2 | 0.795 | 0.227 | 133.2 |
| 3 | 0.909 | 0.196 | 106.8 |
| 4 | 0.748 | 0.181 | 57.1 |
| 5 | 0.606 | 0.23 | 9.6 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)
- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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