# Violet, coral and teal glitchy glam palette

The Violet, coral and teal glitchy glam palette brings together purple, magenta, gold, and teal. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Vivid purple, pink, yellow and teal linear swatches
- Seed: `kUg7TS0UhFu09zRQJ8kA`
- Page: https://grabient.com/kUg7TS0UhFu09zRQJ8kA?style=linearSwatches&steps=4&angle=135
- Drawn as: linear swatches, 4 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.1 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 | `#7b2be1` | `oklch(51.57% 0.2480 296.02)` | Hokkaido Lavender | white, 6.4 to 1 |
| 2 | `#d94da7` | `oklch(63.78% 0.1984 344.63)` | Orion | black, 5.5 to 1 |
| 3 | `#f2ce24` | `oklch(85.83% 0.1695 95.59)` | Pot of Gold | black, 13.6 to 1 |
| 4 | `#2b9e82` | `oklch(62.99% 0.1089 172.73)` | Green Jelly | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #7b2be1 0.000% 25.000%, #d94da7 25.000% 50.000%, #f2ce24 50.000% 75.000%, #2b9e82 75.000% 100.000%);
background: linear-gradient(135deg, oklch(51.57% 0.2480 296.02) 0.000% 25.000%, oklch(63.78% 0.1984 344.63) 25.000% 50.000%, oklch(85.83% 0.1695 95.59) 50.000% 75.000%, oklch(62.99% 0.1089 172.73) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.248 | 296 |
| 2 | 0.638 | 0.198 | 344.6 |
| 3 | 0.858 | 0.169 | 455.6 |
| 4 | 0.63 | 0.109 | 532.7 |

## In these collections

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

## Other forms

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