# Orange and crimson wgsn 2027 palette

The Orange and crimson wgsn 2027 palette brings together orange, blue, red, green, and magenta. The colors span a moderate lightness range, combining strong color with clear 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: Orange, brown, green and pink linear swatches
- Seed: `kWspggLcUu0YkzrSuk2XMGuI`
- Page: https://grabient.com/kWspggLcUu0YkzrSuk2XMGuI?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, vivid, multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 4.2 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 | `#ff6a00` | `oklch(70.08% 0.2004 44.98)` | Spooky Tangerine | black, 7.3 to 1 |
| 2 | `#003588` | `oklch(35.83% 0.1484 260.28)` | Magnus Blue | white, 11.2 to 1 |
| 3 | `#a55954` | `oklch(55.12% 0.1006 24.92)` | Cheek Red | white, 5 to 1 |
| 4 | `#53a640` | `oklch(64.96% 0.1598 140.11)` | Mid Green | black, 6.8 to 1 |
| 5 | `#f771b7` | `oklch(72.83% 0.1805 350.05)` | Pop That Gum | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ff6a00 0.000% 20.000%, #003588 20.000% 40.000%, #a55954 40.000% 60.000%, #53a640 60.000% 80.000%, #f771b7 80.000% 100.000%);
background: linear-gradient(90deg, oklch(70.08% 0.2004 44.98) 0.000% 20.000%, oklch(35.83% 0.1484 260.28) 20.000% 40.000%, oklch(55.12% 0.1006 24.92) 40.000% 60.000%, oklch(64.96% 0.1598 140.11) 60.000% 80.000%, oklch(72.83% 0.1805 350.05) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.209 | 45 |
| 2 | 0.358 | 0.19 | -99.8 |
| 3 | 0.551 | 0.101 | 24.9 |
| 4 | 0.65 | 0.16 | 140.1 |
| 5 | 0.728 | 0.181 | -10 |

## In these collections

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

## Other forms

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