# Emerald, plum and orange color trends 2026

The Emerald, plum and orange color trends 2026 brings together green, pale blue, dark magenta, gold, and orange. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is pale blue.

- Also called: Rainbow from green to orange linear swatches
- Seed: `kWm0lucpJIxcZzFoRVB0ci3o`
- Page: https://grabient.com/kWm0lucpJIxcZzFoRVB0ci3o?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 14.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 | `#4d9568` | `oklch(61.02% 0.1006 154.69)` | DaVanzo Green | black, 5.8 to 1 |
| 2 | `#bee6f9` | `oklch(90.16% 0.0496 229.72)` | Icy Landscape | black, 15.8 to 1 |
| 3 | `#23031e` | `oklch(18.11% 0.0703 334.34)` | Black Sabbath | white, 19 to 1 |
| 4 | `#c4cf00` | `oklch(81.89% 0.1838 113.83)` | Garlic Pesto | black, 12.3 to 1 |
| 5 | `#e45c00` | `oklch(64.17% 0.1865 44.06)` | Tobiko Orange | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4d9568 0.000% 20.000%, #bee6f9 20.000% 40.000%, #23031e 40.000% 60.000%, #c4cf00 60.000% 80.000%, #e45c00 80.000% 100.000%);
background: linear-gradient(90deg, oklch(61.02% 0.1006 154.69) 0.000% 20.000%, oklch(90.16% 0.0496 229.72) 20.000% 40.000%, oklch(18.11% 0.0703 334.34) 40.000% 60.000%, oklch(81.89% 0.1838 113.83) 60.000% 80.000%, oklch(64.17% 0.1865 44.06) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.61 | 0.101 | 154.7 |
| 2 | 0.902 | 0.05 | 229.7 |
| 3 | 0.181 | 0.07 | 334.3 |
| 4 | 0.819 | 0.19 | 473.8 |
| 5 | 0.642 | 0.2 | 404.1 |

## In these collections

- [Color trends 2026 swatches](https://grabient.com/color-trends-2026-swatches)

## Other forms

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