# Wine, pale periwinkle and turquoise holographic palette

The Wine, pale periwinkle and turquoise holographic palette brings together magenta, purple, off-white, light blue, blue, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: Dark purple, pink, gray and blue angular gradient
- Seed: `kcUzPywD7AlPHv_MQDq-YW-F-KO3JL8HWig5Q`
- Page: https://grabient.com/kcUzPywD7AlPHv_MQDq-YW-F-KO3JL8HWig5Q?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#4c253f` | `oklch(32.68% 0.0703 341.02)` | Prestige Mauve | white, 12.7 to 1 |
| 2 | `#5a2749` | `oklch(35.53% 0.0879 341.96)` | Winter Bloom | white, 11.5 to 1 |
| 3 | `#6e2856` | `oklch(39.61% 0.1137 343.34)` | Forest Fruit Red | white, 9.9 to 1 |
| 4 | `#862a65` | `oklch(44.23% 0.1415 344.80)` | Boysenberry | white, 8.3 to 1 |
| 5 | `#9c2b73` | `oklch(48.70% 0.1650 345.97)` | Amaranth Deep Purple | white, 6.9 to 1 |
| 6 | `#ae307f` | `oklch(52.64% 0.1796 346.88)` | Festival Fuchsia | white, 5.9 to 1 |
| 7 | `#c13989` | `oklch(56.88% 0.1886 348.49)` | Lust Priestess | white, 4.9 to 1 |
| 8 | `#d24494` | `oklch(60.93% 0.1938 349.71)` | Twinkly Pinkily | black, 4.9 to 1 |
| 9 | `#de4d9f` | `oklch(64.15% 0.1963 349.17)` | Nova Pink | black, 5.6 to 1 |
| 10 | `#e154ac` | `oklch(65.86% 0.1971 345.52)` | Orion | black, 6 to 1 |
| 11 | `#d653b9` | `oklch(64.70% 0.1984 337.29)` | Purplish Pink | black, 5.7 to 1 |
| 12 | `#bf50c4` | `oklch(61.74% 0.1985 325.96)` | Unloaded Texture Purple | black, 5.1 to 1 |
| 13 | `#a650cc` | `oklch(59.14% 0.1940 314.04)` | Ripe Lavander | black, 4.6 to 1 |
| 14 | `#965ad3` | `oklch(59.09% 0.1818 304.06)` | Morado Purple | black, 4.7 to 1 |
| 15 | `#9873dd` | `oklch(63.87% 0.1565 297.98)` | Matt Purple | black, 5.8 to 1 |
| 16 | `#ad99ea` | `oklch(73.26% 0.1162 294.72)` | Dull Lavender | black, 8.5 to 1 |
| 17 | `#cbc3f6` | `oklch(83.98% 0.0714 292.50)` | Light Periwinkle | black, 12.6 to 1 |
| 18 | `#e6e4fc` | `oklch(92.63% 0.0328 289.57)` | Lavender Mist | black, 16.7 to 1 |
| 19 | `#f0f1f9` | `oklch(95.93% 0.0109 284.13)` | Alpine Goat | black, 18.6 to 1 |
| 20 | `#e9eaed` | `oklch(93.76% 0.0033 275.03)` | Lavendar Wisp | black, 17.4 to 1 |
| 21 | `#d7d8dc` | `oklch(88.33% 0.0052 264.30)` | Mais Oui | black, 14.7 to 1 |
| 22 | `#bdc4cc` | `oklch(81.68% 0.0136 254.56)` | Blue Dolphin | black, 11.9 to 1 |
| 23 | `#a4b2c1` | `oklch(75.84% 0.0257 248.45)` | Blue Pot | black, 9.7 to 1 |
| 24 | `#8da5bd` | `oklch(71.12% 0.0437 248.78)` | Frills | black, 8.2 to 1 |
| 25 | `#7495bd` | `oklch(65.98% 0.0708 254.53)` | King Neptune | black, 6.7 to 1 |
| 26 | `#6284c0` | `oklch(61.36% 0.0997 261.37)` | Bodega Bay | black, 5.5 to 1 |
| 27 | `#5778c4` | `oklch(58.22% 0.1230 264.95)` | Indigo Light | black, 4.8 to 1 |
| 28 | `#4a77c7` | `oklch(57.60% 0.1337 261.05)` | Serenity’s Reign | black, 4.7 to 1 |
| 29 | `#3684cb` | `oklch(59.97% 0.1327 249.15)` | Worn Denim | black, 5.3 to 1 |
| 30 | `#1f98cc` | `oklch(63.99% 0.1251 233.37)` | Tomb Blue | black, 6.3 to 1 |
| 31 | `#21a9c8` | `oklch(68.14% 0.1160 218.14)` | Pacific Blue | black, 7.5 to 1 |
| 32 | `#32b4c5` | `oklch(70.87% 0.1102 207.86)` | Utopia Beckons | black, 8.4 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #4c253f 0.0%, #5a2749 3.2%, #6e2856 6.5%, #862a65 9.7%, #9c2b73 12.9%, #ae307f 16.1%, #c13989 19.4%, #d24494 22.6%, #de4d9f 25.8%, #e154ac 29.0%, #d653b9 32.3%, #bf50c4 35.5%, #a650cc 38.7%, #965ad3 41.9%, #9873dd 45.2%, #ad99ea 48.4%, #cbc3f6 51.6%, #e6e4fc 54.8%, #f0f1f9 58.1%, #e9eaed 61.3%, #d7d8dc 64.5%, #bdc4cc 67.7%, #a4b2c1 71.0%, #8da5bd 74.2%, #7495bd 77.4%, #6284c0 80.6%, #5778c4 83.9%, #4a77c7 87.1%, #3684cb 90.3%, #1f98cc 93.5%, #21a9c8 96.8%, #32b4c5 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(32.68% 0.0703 341.02) 0.0%, oklch(35.53% 0.0879 341.96) 3.2%, oklch(39.61% 0.1137 343.34) 6.5%, oklch(44.23% 0.1415 344.80) 9.7%, oklch(48.70% 0.1650 345.97) 12.9%, oklch(52.64% 0.1796 346.88) 16.1%, oklch(56.88% 0.1886 348.49) 19.4%, oklch(60.93% 0.1938 349.71) 22.6%, oklch(64.15% 0.1963 349.17) 25.8%, oklch(65.86% 0.1971 345.52) 29.0%, oklch(64.70% 0.1984 337.29) 32.3%, oklch(61.74% 0.1985 325.96) 35.5%, oklch(59.14% 0.1940 314.04) 38.7%, oklch(59.09% 0.1818 304.06) 41.9%, oklch(63.87% 0.1565 297.98) 45.2%, oklch(73.26% 0.1162 294.72) 48.4%, oklch(83.98% 0.0714 292.50) 51.6%, oklch(92.63% 0.0328 289.57) 54.8%, oklch(95.93% 0.0109 284.13) 58.1%, oklch(93.76% 0.0033 275.03) 61.3%, oklch(88.33% 0.0052 264.30) 64.5%, oklch(81.68% 0.0136 254.56) 67.7%, oklch(75.84% 0.0257 248.45) 71.0%, oklch(71.12% 0.0437 248.78) 74.2%, oklch(65.98% 0.0708 254.53) 77.4%, oklch(61.36% 0.0997 261.37) 80.6%, oklch(58.22% 0.1230 264.95) 83.9%, oklch(57.60% 0.1337 261.05) 87.1%, oklch(59.97% 0.1327 249.15) 90.3%, oklch(63.99% 0.1251 233.37) 93.5%, oklch(68.14% 0.1160 218.14) 96.8%, oklch(70.87% 0.1102 207.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.07 | 341 |
| 2 | 0.504 | 0.172 | 346.3 |
| 3 | 0.657 | 0.197 | 346.3 |
| 4 | 0.598 | 0.176 | 301.9 |
| 5 | 0.957 | 0.015 | 286.1 |
| 6 | 0.752 | 0.028 | 248 |
| 7 | 0.575 | 0.131 | 263.9 |
| 8 | 0.709 | 0.11 | 207.9 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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