# Mustard and plum color trends 2026

The Mustard and plum color trends 2026 brings together yellow, red, pale blue, green, and dark magenta. 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 yellow to dark purple angular swatches
- Seed: `kW4HtNVUw3XUSLjXoLcGqDR4`
- Page: https://grabient.com/kW4HtNVUw3XUSLjXoLcGqDR4?style=angularSwatches&steps=5&angle=180
- Drawn as: angular swatches, 5 steps, 180 degrees
- Kinds: light center, vivid, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 14.5 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 | `#e3e043` | `oklch(88.19% 0.1695 108.28)` | Starship | black, 14.9 to 1 |
| 2 | `#fa5428` | `oklch(66.93% 0.2094 35.37)` | Orioles Orange | black, 6.3 to 1 |
| 3 | `#cfe9ff` | `oklch(92.13% 0.0406 245.29)` | Veiling Waterfalls | black, 16.7 to 1 |
| 4 | `#5cad93` | `oklch(68.90% 0.0896 170.28)` | O’grady Green | black, 7.8 to 1 |
| 5 | `#2a032f` | `oklch(20.87% 0.0896 322.45)` | Porphyrophobia | white, 18.2 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #e3e043 0.000% 20.000%, #fa5428 20.000% 40.000%, #cfe9ff 40.000% 60.000%, #5cad93 60.000% 80.000%, #2a032f 80.000% 100.000%);
background: conic-gradient(from 180deg, oklch(88.19% 0.1695 108.28) 0.000% 20.000%, oklch(66.93% 0.2094 35.37) 20.000% 40.000%, oklch(92.13% 0.0406 245.29) 40.000% 60.000%, oklch(68.90% 0.0896 170.28) 60.000% 80.000%, oklch(20.87% 0.0896 322.45) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.169 | 108.3 |
| 2 | 0.669 | 0.209 | 35.4 |
| 3 | 0.921 | 0.05 | -114.7 |
| 4 | 0.689 | 0.09 | -189.7 |
| 5 | 0.209 | 0.09 | -37.6 |

## In these collections

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

## Other forms

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