# Near-black, orange and lavender glitchy glam palette

The Near-black, orange and lavender glitchy glam palette brings together dark gray, red, orange, teal, and light purple. 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 gray, and its lightest tone is teal.

- Also called: Rainbow from black to lavender angular swatches
- Seed: `kWMA_ETNHK18_RXlqc846jOA`
- Page: https://grabient.com/kWMA_ETNHK18_RXlqc846jOA?style=angularSwatches&steps=5
- Drawn as: angular swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.3 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 | `#11131d` | `oklch(18.90% 0.0207 275.63)` | Kuroi Black | white, 18.5 to 1 |
| 2 | `#e52368` | `oklch(60.24% 0.2246 7.56)` | Razzmatazz Lips | black, 4.7 to 1 |
| 3 | `#ff8a28` | `oklch(74.80% 0.1736 54.06)` | Orange Avant-Garde | black, 8.8 to 1 |
| 4 | `#57d5c4` | `oklch(79.92% 0.1144 182.98)` | Jamaican Jade | black, 11.7 to 1 |
| 5 | `#c6a7f4` | `oklch(78.35% 0.1116 302.40)` | Purple Hepatica | black, 10.2 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #11131d 0.000% 20.000%, #e52368 20.000% 40.000%, #ff8a28 40.000% 60.000%, #57d5c4 60.000% 80.000%, #c6a7f4 80.000% 100.000%);
background: conic-gradient(from 90deg, oklch(18.90% 0.0207 275.63) 0.000% 20.000%, oklch(60.24% 0.2246 7.56) 20.000% 40.000%, oklch(74.80% 0.1736 54.06) 40.000% 60.000%, oklch(79.92% 0.1144 182.98) 60.000% 80.000%, oklch(78.35% 0.1116 302.40) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.021 | 275.6 |
| 2 | 0.602 | 0.225 | 367.6 |
| 3 | 0.748 | 0.174 | 414.1 |
| 4 | 0.799 | 0.114 | 543 |
| 5 | 0.783 | 0.112 | 662.4 |

## In these collections

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

## Other forms

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