# Navy and blush wgsn 2027 palette

The Navy and blush wgsn 2027 palette brings together blue, orange, magenta, green, and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is magenta.

- Also called: Blue, pink, green and brown linear swatches
- Seed: `kWYZG5VsjRFvBuXRulGxiSyQ`
- Page: https://grabient.com/kWYZG5VsjRFvBuXRulGxiSyQ?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.7 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 | `#003b94` | `oklch(38.20% 0.1575 260.20)` | Amalfitan Azure | white, 10.2 to 1 |
| 2 | `#f56600` | `oklch(68.11% 0.1950 44.91)` | Royal Flycatcher Crest | black, 6.7 to 1 |
| 3 | `#f46eb5` | `oklch(72.05% 0.1805 349.98)` | Pop That Gum | black, 7.7 to 1 |
| 4 | `#51a33e` | `oklch(64.17% 0.1598 140.04)` | Oregano Green | black, 6.6 to 1 |
| 5 | `#a55954` | `oklch(55.12% 0.1006 24.85)` | Cheek Red | white, 5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #003b94 0.000% 20.000%, #f56600 20.000% 40.000%, #f46eb5 40.000% 60.000%, #51a33e 60.000% 80.000%, #a55954 80.000% 100.000%);
background: linear-gradient(90deg, oklch(38.20% 0.1575 260.20) 0.000% 20.000%, oklch(68.11% 0.1950 44.91) 20.000% 40.000%, oklch(72.05% 0.1805 349.98) 40.000% 60.000%, oklch(64.17% 0.1598 140.04) 60.000% 80.000%, oklch(55.12% 0.1006 24.85) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.2 | 260.2 |
| 2 | 0.681 | 0.2 | 404.9 |
| 3 | 0.72 | 0.181 | 350 |
| 4 | 0.642 | 0.16 | 500 |
| 5 | 0.551 | 0.101 | 384.9 |

## In these collections

- [WGSN 2027 swatches](https://grabient.com/wgsn-2027-swatches)

## Other forms

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