# Rose, turquoise and near-black glitchy glam palette

The Rose, turquoise and near-black glitchy glam palette brings together red, purple, teal, and dark 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 purple, and its lightest tone is teal.

- Also called: Pink, purple, blue and black linear swatches
- Seed: `kUn64EP1G3NsstaZCUsA`
- Page: https://grabient.com/kUn64EP1G3NsstaZCUsA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 7.6 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 | `#f21d73` | `oklch(62.60% 0.2398 5.63)` | Furious Fuchsia | black, 5.2 to 1 |
| 2 | `#6b35d4` | `oklch(49.61% 0.2246 291.65)` | Sagat Purple | white, 6.8 to 1 |
| 3 | `#00b9c8` | `oklch(71.66% 0.1224 205.00)` | Utopia Beckons | black, 8.7 to 1 |
| 4 | `#17131f` | `oklch(19.69% 0.0248 299.05)` | Back in Black | white, 18.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f21d73 0.000% 25.000%, #6b35d4 25.000% 50.000%, #00b9c8 50.000% 75.000%, #17131f 75.000% 100.000%);
background: linear-gradient(90deg, oklch(62.60% 0.2398 5.63) 0.000% 25.000%, oklch(49.61% 0.2246 291.65) 25.000% 50.000%, oklch(71.66% 0.1224 205.00) 50.000% 75.000%, oklch(19.69% 0.0248 299.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.626 | 0.24 | 5.6 |
| 2 | 0.496 | 0.225 | -68.3 |
| 3 | 0.717 | 0.123 | -155 |
| 4 | 0.197 | 0.025 | -61 |

## In these collections

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

## Other forms

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