# Emerald and magenta wasabi plum editorial palette

The Emerald and magenta wasabi plum editorial palette brings together green, blue, magenta, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is magenta, and its lightest tone is green.

- Also called: Rainbow linear swatches
- Seed: `kYsHRjRhTMEJByfHz0HRZ1ENAtUA`
- Page: https://grabient.com/kYsHRjRhTMEJByfHz0HRZ1ENAtUA?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: vivid, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.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 | `#63b34c` | `oklch(69.29% 0.1598 139.22)` | Sour Candy | black, 8 to 1 |
| 2 | `#547690` | `oklch(55.12% 0.0565 241.72)` | Melancholic Sea | white, 4.7 to 1 |
| 3 | `#9b389f` | `oklch(51.97% 0.1805 326.26)` | Purple Ink | white, 6 to 1 |
| 4 | `#c32698` | `oklch(56.30% 0.2177 342.12)` | Indian Lake | white, 5.1 to 1 |
| 5 | `#9a5d5f` | `oklch(54.72% 0.0799 18.04)` | Ruby Crystal | white, 5.1 to 1 |
| 6 | `#409f66` | `oklch(62.99% 0.1240 154.37)` | Bulma Hair | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #63b34c 0.000% 16.667%, #547690 16.667% 33.333%, #9b389f 33.333% 50.000%, #c32698 50.000% 66.667%, #9a5d5f 66.667% 83.333%, #409f66 83.333% 100.000%);
background: linear-gradient(180deg, oklch(69.29% 0.1598 139.22) 0.000% 16.667%, oklch(55.12% 0.0565 241.72) 16.667% 33.333%, oklch(51.97% 0.1805 326.26) 33.333% 50.000%, oklch(56.30% 0.2177 342.12) 50.000% 66.667%, oklch(54.72% 0.0799 18.04) 66.667% 83.333%, oklch(62.99% 0.1240 154.37) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.16 | 139.2 |
| 2 | 0.551 | 0.056 | 241.7 |
| 3 | 0.52 | 0.181 | 326.3 |
| 4 | 0.563 | 0.218 | 342.1 |
| 5 | 0.547 | 0.08 | 378 |
| 6 | 0.63 | 0.124 | 514.4 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)

## Other forms

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