# Plum, teal and mustard color trends 2026

The Plum, teal and mustard color trends 2026 brings together dark magenta, pale blue, green, orange, and gold. The colors span a broad lightness range, combining strong color with clear 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 dark purple to yellow linear swatches
- Seed: `kWM0Hq8Bm1EmoN1bwbIZcjHg`
- Page: https://grabient.com/kWM0Hq8Bm1EmoN1bwbIZcjHg?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.1 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 | `#2a0129` | `oklch(20.08% 0.0896 329.77)` | Globe Thistle | white, 18.5 to 1 |
| 2 | `#b0dfff` | `oklch(88.19% 0.0659 237.82)` | Droplet | black, 14.8 to 1 |
| 3 | `#248e69` | `oklch(57.87% 0.1102 164.91)` | Leprechaun | black, 5.1 to 1 |
| 4 | `#fc7a29` | `oklch(72.05% 0.1805 47.61)` | Royal Oranje | black, 7.9 to 1 |
| 5 | `#c1c700` | `oklch(79.92% 0.1770 112.07)` | Key Lime Pie | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2a0129 0.000% 20.000%, #b0dfff 20.000% 40.000%, #248e69 40.000% 60.000%, #fc7a29 60.000% 80.000%, #c1c700 80.000% 100.000%);
background: linear-gradient(90deg, oklch(20.08% 0.0896 329.77) 0.000% 20.000%, oklch(88.19% 0.0659 237.82) 20.000% 40.000%, oklch(57.87% 0.1102 164.91) 40.000% 60.000%, oklch(72.05% 0.1805 47.61) 60.000% 80.000%, oklch(79.92% 0.1770 112.07) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.09 | 329.8 |
| 2 | 0.882 | 0.07 | 237.8 |
| 3 | 0.579 | 0.11 | 164.9 |
| 4 | 0.72 | 0.181 | 47.6 |
| 5 | 0.799 | 0.2 | 112.1 |

## In these collections

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

## Other forms

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