# Magenta and mustard glitchy glam palette

The Magenta and mustard glitchy glam palette brings together purple, red, teal, and yellow. 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 yellow.

- Also called: Vivid purple, pink, teal and light green linear gradient
- Seed: `kUirfg0c1H16sVDxRLZg`
- Page: https://grabient.com/kUirfg0c1H16sVDxRLZg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.2 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 | `#a51acf` | `oklch(54.33% 0.2522 315.70)` | Telemagenta | white, 5.7 to 1 |
| 2 | `#ab1bca` | `oklch(54.89% 0.2501 319.08)` | Telemagenta | white, 5.6 to 1 |
| 3 | `#b21cc4` | `oklch(55.61% 0.2477 322.82)` | Magentleman | white, 5.4 to 1 |
| 4 | `#ba1dbe` | `oklch(56.46% 0.2450 327.04)` | Fuchsia Flair | white, 5.2 to 1 |
| 5 | `#c21fb6` | `oklch(57.41% 0.2419 331.83)` | Fuchsia Flair | white, 5 to 1 |
| 6 | `#cb22ad` | `oklch(58.44% 0.2385 337.31)` | Perfectly Purple Place | white, 4.8 to 1 |
| 7 | `#d524a1` | `oklch(59.52% 0.2346 343.56)` | Melodramatic Magenta | black, 4.5 to 1 |
| 8 | `#de2893` | `oklch(60.62% 0.2303 350.71)` | Myoga Purple | black, 4.8 to 1 |
| 9 | `#e62d83` | `oklch(61.73% 0.2255 358.85)` | Mystic Magenta | black, 5 to 1 |
| 10 | `#ed346f` | `oklch(62.81% 0.2201 8.09)` | Fantasy Romance | black, 5.3 to 1 |
| 11 | `#f23e57` | `oklch(63.84% 0.2143 18.52)` | Vineyard Autumn | black, 5.5 to 1 |
| 12 | `#f34b35` | `oklch(64.81% 0.2075 30.86)` | Vermilion Bird | black, 5.8 to 1 |
| 13 | `#e76400` | `oklch(65.76% 0.1828 46.68)` | Spanish Orange | black, 6.2 to 1 |
| 14 | `#d17e00` | `oklch(66.68% 0.1493 65.22)` | Autumn Leaf Orange | black, 6.6 to 1 |
| 15 | `#bd8f00` | `oklch(67.60% 0.1385 85.50)` | Moutarde de Bénichon | black, 7.1 to 1 |
| 16 | `#a69f00` | `oklch(68.53% 0.1466 106.55)` | Fistfull of Green | black, 7.5 to 1 |
| 17 | `#82ae36` | `oklch(69.47% 0.1544 127.39)` | Football Field | black, 8 to 1 |
| 18 | `#5bb769` | `oklch(70.44% 0.1439 147.05)` | Lawn Party | black, 8.4 to 1 |
| 19 | `#37bd8d` | `oklch(71.45% 0.1347 164.57)` | Aztec Jade | black, 8.8 to 1 |
| 20 | `#1fc0a8` | `oklch(72.51% 0.1275 178.99)` | Turquoise | black, 9.1 to 1 |
| 21 | `#1fc2ba` | `oklch(73.63% 0.1228 189.32)` | Swimmers Pool | black, 9.4 to 1 |
| 22 | `#27c5c5` | `oklch(74.82% 0.1211 194.64)` | Cala Benirrás Blue | black, 9.8 to 1 |
| 23 | `#2acac9` | `oklch(76.18% 0.1227 194.84)` | Mermaid Net | black, 10.3 to 1 |
| 24 | `#29d0c9` | `oklch(77.69% 0.1271 190.77)` | Blue Martina | black, 10.9 to 1 |
| 25 | `#2bd7c4` | `oklch(79.30% 0.1337 183.35)` | Turquoise Panic | black, 11.6 to 1 |
| 26 | `#3adeb9` | `oklch(80.96% 0.1418 173.47)` | Celestial Green | black, 12.3 to 1 |
| 27 | `#54e4a8` | `oklch(82.61% 0.1509 162.04)` | Medium Aquamarine | black, 13 to 1 |
| 28 | `#75e892` | `oklch(84.20% 0.1603 149.96)` | Ragweed | black, 13.7 to 1 |
| 29 | `#96ea78` | `oklch(85.68% 0.1694 138.13)` | Herbivore | black, 14.2 to 1 |
| 30 | `#b4e95d` | `oklch(87.01% 0.1776 127.45)` | Inchworm | black, 14.7 to 1 |
| 31 | `#cce843` | `oklch(88.12% 0.1842 118.82)` | Lime Fizz | black, 15.1 to 1 |
| 32 | `#dce72c` | `oklch(88.98% 0.1888 113.16)` | Yellow Duranta | black, 15.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a51acf 0.0%, #ab1bca 3.2%, #b21cc4 6.5%, #ba1dbe 9.7%, #c21fb6 12.9%, #cb22ad 16.1%, #d524a1 19.4%, #de2893 22.6%, #e62d83 25.8%, #ed346f 29.0%, #f23e57 32.3%, #f34b35 35.5%, #e76400 38.7%, #d17e00 41.9%, #bd8f00 45.2%, #a69f00 48.4%, #82ae36 51.6%, #5bb769 54.8%, #37bd8d 58.1%, #1fc0a8 61.3%, #1fc2ba 64.5%, #27c5c5 67.7%, #2acac9 71.0%, #29d0c9 74.2%, #2bd7c4 77.4%, #3adeb9 80.6%, #54e4a8 83.9%, #75e892 87.1%, #96ea78 90.3%, #b4e95d 93.5%, #cce843 96.8%, #dce72c 100.0%);
background: linear-gradient(135deg in oklch, oklch(54.33% 0.2522 315.70) 0.0%, oklch(54.89% 0.2501 319.08) 3.2%, oklch(55.61% 0.2477 322.82) 6.5%, oklch(56.46% 0.2450 327.04) 9.7%, oklch(57.41% 0.2419 331.83) 12.9%, oklch(58.44% 0.2385 337.31) 16.1%, oklch(59.52% 0.2346 343.56) 19.4%, oklch(60.62% 0.2303 350.71) 22.6%, oklch(61.73% 0.2255 358.85) 25.8%, oklch(62.81% 0.2201 8.09) 29.0%, oklch(63.84% 0.2143 18.52) 32.3%, oklch(64.81% 0.2075 30.86) 35.5%, oklch(65.76% 0.1828 46.68) 38.7%, oklch(66.68% 0.1493 65.22) 41.9%, oklch(67.60% 0.1385 85.50) 45.2%, oklch(68.53% 0.1466 106.55) 48.4%, oklch(69.47% 0.1544 127.39) 51.6%, oklch(70.44% 0.1439 147.05) 54.8%, oklch(71.45% 0.1347 164.57) 58.1%, oklch(72.51% 0.1275 178.99) 61.3%, oklch(73.63% 0.1228 189.32) 64.5%, oklch(74.82% 0.1211 194.64) 67.7%, oklch(76.18% 0.1227 194.84) 71.0%, oklch(77.69% 0.1271 190.77) 74.2%, oklch(79.30% 0.1337 183.35) 77.4%, oklch(80.96% 0.1418 173.47) 80.6%, oklch(82.61% 0.1509 162.04) 83.9%, oklch(84.20% 0.1603 149.96) 87.1%, oklch(85.68% 0.1694 138.13) 90.3%, oklch(87.01% 0.1776 127.45) 93.5%, oklch(88.12% 0.1842 118.82) 96.8%, oklch(88.98% 0.1888 113.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.252 | 315.7 |
| 2 | 0.642 | 0.212 | 382.3 |
| 3 | 0.744 | 0.121 | 553.5 |
| 4 | 0.89 | 0.189 | 473.2 |

## In these collections

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

## Other forms

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