# Orange Mint Violet Bands

These four diagonal bands move from burnt orange through soft mint green, vivid violet, and bright orange. The lighter green band separates the two warm ends and gives the purple a crisp neighboring contrast. Use them for modern packaging, youth graphics, editorial stripes, or interface accents that need a bright secondary color rhythm.

- Also called: Rainbow linear swatches
- Seed: `kUoI8c4atMT5L1FawUsg`
- Page: https://grabient.com/kUoI8c4atMT5L1FawUsg?style=linearSwatches&steps=4&angle=285
- Drawn as: linear swatches, 4 steps, 285 degrees
- Kinds: vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#e65001` | `oklch(62.99% 0.1970 40.08)` | Lava Nectar | black, 5.5 to 1 |
| 2 | `#82c783` | `oklch(76.77% 0.1185 144.70)` | Exhilarating Green | black, 10.4 to 1 |
| 3 | `#8c24ab` | `oklch(48.82% 0.2081 316.95)` | Minesweeper’s Purple | white, 7.1 to 1 |
| 4 | `#f67b11` | `oklch(71.26% 0.1791 52.05)` | Ornery Tangerine | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(285deg, #e65001 0.000% 25.000%, #82c783 25.000% 50.000%, #8c24ab 50.000% 75.000%, #f67b11 75.000% 100.000%);
background: linear-gradient(285deg, oklch(62.99% 0.1970 40.08) 0.000% 25.000%, oklch(76.77% 0.1185 144.70) 25.000% 50.000%, oklch(48.82% 0.2081 316.95) 50.000% 75.000%, oklch(71.26% 0.1791 52.05) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.197 | 40.1 |
| 2 | 0.768 | 0.119 | 144.7 |
| 3 | 0.488 | 0.208 | 316.9 |
| 4 | 0.713 | 0.179 | 412.1 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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