# Pale blue and mustard color trends 2026

The Pale blue and mustard color trends 2026 brings together pale blue, dark magenta, orange, green, and gold. 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 light blue to green linear swatches
- Seed: `kW7x2cnqTON5ByHHJMy6ci7I`
- Page: https://grabient.com/kW7x2cnqTON5ByHHJMy6ci7I?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 14.4 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 | `#cff2fe` | `oklch(94.09% 0.0400 220.08)` | Water | black, 17.8 to 1 |
| 2 | `#3b022d` | `oklch(24.02% 0.1006 340.55)` | Dark Sanctuary | white, 17 to 1 |
| 3 | `#ff8524` | `oklch(74.01% 0.1778 52.41)` | Fluorescent Red Orange | black, 8.6 to 1 |
| 4 | `#348660` | `oklch(55.91% 0.1006 160.20)` | Chrysocolla Green | black, 4.7 to 1 |
| 5 | `#b8d900` | `oklch(83.07% 0.1973 120.04)` | Cucumber Bomber | black, 12.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #cff2fe 0.000% 20.000%, #3b022d 20.000% 40.000%, #ff8524 40.000% 60.000%, #348660 60.000% 80.000%, #b8d900 80.000% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0400 220.08) 0.000% 20.000%, oklch(24.02% 0.1006 340.55) 20.000% 40.000%, oklch(74.01% 0.1778 52.41) 40.000% 60.000%, oklch(55.91% 0.1006 160.20) 60.000% 80.000%, oklch(83.07% 0.1973 120.04) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.04 | 220.1 |
| 2 | 0.24 | 0.101 | 340.5 |
| 3 | 0.74 | 0.181 | 412.4 |
| 4 | 0.559 | 0.101 | 520.2 |
| 5 | 0.831 | 0.2 | 480 |

## In these collections

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

## Other forms

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