# Purple orange lime swatches

The Purple orange lime swatches brings together dark purple, purple, red, orange, and green. 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 purple, and its lightest tone is orange.

- Also called: Navy, red, orange and green linear swatches
- Seed: `kWQTHZPk2_sTKyDeQsTW8NIo`
- Page: https://grabient.com/kWQTHZPk2_sTKyDeQsTW8NIo?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 6.8 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 | `#2b193d` | `oklch(25.59% 0.0675 305.16)` | Blackcurrant | white, 16 to 1 |
| 2 | `#7a2dc0` | `oklch(48.82% 0.2136 303.04)` | Puissant Purple | white, 7 to 1 |
| 3 | `#c9174c` | `oklch(53.94% 0.2053 12.79)` | California Sunset | white, 5.6 to 1 |
| 4 | `#ff8516` | `oklch(74.01% 0.1804 54.00)` | The New Black | black, 8.6 to 1 |
| 5 | `#83b910` | `oklch(72.05% 0.1846 127.97)` | Dark Lime | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2b193d 0.000% 20.000%, #7a2dc0 20.000% 40.000%, #c9174c 40.000% 60.000%, #ff8516 60.000% 80.000%, #83b910 80.000% 100.000%);
background: linear-gradient(90deg, oklch(25.59% 0.0675 305.16) 0.000% 20.000%, oklch(48.82% 0.2136 303.04) 20.000% 40.000%, oklch(53.94% 0.2053 12.79) 40.000% 60.000%, oklch(74.01% 0.1804 54.00) 60.000% 80.000%, oklch(72.05% 0.1846 127.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.068 | 305.2 |
| 2 | 0.488 | 0.214 | 303 |
| 3 | 0.539 | 0.205 | 372.8 |
| 4 | 0.74 | 0.183 | 414 |
| 5 | 0.72 | 0.185 | 488 |

## In these collections

- [Day of the Dead swatches](https://grabient.com/day-of-the-dead-swatches)

## Other forms

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