# Aubergine, orange and turquoise glitchy glam palette

The Aubergine, orange and turquoise glitchy glam palette brings together dark purple, magenta, orange, gold, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark purple, and its lightest tone is gold.

- Also called: Rainbow from dark purple to blue linear swatches
- Seed: `kWOiLdxFBDFlHRzvwEe1yvPI`
- Page: https://grabient.com/kWOiLdxFBDFlHRzvwEe1yvPI?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 12 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 | `#24162c` | `oklch(22.83% 0.0469 311.48)` | Inside | white, 17.1 to 1 |
| 2 | `#b61a98` | `oklch(53.54% 0.2205 337.90)` | Fuchsia Flourish | white, 5.8 to 1 |
| 3 | `#ff6831` | `oklch(70.08% 0.1957 39.19)` | Halt and Catch Fire | black, 7.2 to 1 |
| 4 | `#e9dc2c` | `oklch(87.80% 0.1764 104.71)` | Lovely Lemonade | black, 14.7 to 1 |
| 5 | `#3da5d8` | `oklch(68.50% 0.1199 233.64)` | Blue Tango | black, 7.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #24162c 0.000% 20.000%, #b61a98 20.000% 40.000%, #ff6831 40.000% 60.000%, #e9dc2c 60.000% 80.000%, #3da5d8 80.000% 100.000%);
background: linear-gradient(90deg, oklch(22.83% 0.0469 311.48) 0.000% 20.000%, oklch(53.54% 0.2205 337.90) 20.000% 40.000%, oklch(70.08% 0.1957 39.19) 40.000% 60.000%, oklch(87.80% 0.1764 104.71) 60.000% 80.000%, oklch(68.50% 0.1199 233.64) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.047 | 311.5 |
| 2 | 0.535 | 0.22 | 337.9 |
| 3 | 0.701 | 0.196 | 399.2 |
| 4 | 0.878 | 0.176 | 464.7 |
| 5 | 0.685 | 0.12 | 593.6 |

## In these collections

- [Glitchy glam](https://grabient.com/glitchy-glam)

## Other forms

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