# Violet bright palette

The Violet bright palette brings together purple and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is magenta.

- Also called: Vivid analogous purple to pink linear gradient
- Seed: `kUjr_OTVpA9VTQdbxsMg`
- Page: https://grabient.com/kUjr_OTVpA9VTQdbxsMg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.9 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 | `#7b3dff` | `oklch(55.90% 0.2630 289.69)` | Sweet Escape | white, 5.3 to 1 |
| 2 | `#7d3eff` | `oklch(56.17% 0.2620 290.14)` | Sweet Escape | white, 5.2 to 1 |
| 3 | `#7f3fff` | `oklch(56.50% 0.2608 290.68)` | Sweet Escape | white, 5.1 to 1 |
| 4 | `#8140ff` | `oklch(56.88% 0.2593 291.30)` | Sweet Escape | white, 5 to 1 |
| 5 | `#8442ff` | `oklch(57.32% 0.2577 292.01)` | Sweet Escape | white, 4.9 to 1 |
| 6 | `#8744ff` | `oklch(57.79% 0.2561 292.79)` | Sweet Escape | white, 4.8 to 1 |
| 7 | `#8a46ff` | `oklch(58.30% 0.2544 293.64)` | Sweet Escape | white, 4.7 to 1 |
| 8 | `#8d47ff` | `oklch(58.82% 0.2527 294.57)` | Sweet Escape | white, 4.6 to 1 |
| 9 | `#9049ff` | `oklch(59.36% 0.2512 295.57)` | Sweet Escape | black, 4.5 to 1 |
| 10 | `#944bff` | `oklch(59.91% 0.2499 296.63)` | Irrigo Purple | black, 4.7 to 1 |
| 11 | `#984cff` | `oklch(60.45% 0.2486 297.75)` | Irrigo Purple | black, 4.8 to 1 |
| 12 | `#9b4eff` | `oklch(60.99% 0.2469 298.93)` | Irrigo Purple | black, 4.9 to 1 |
| 13 | `#9f4ffe` | `oklch(61.57% 0.2453 300.15)` | Irrigo Purple | black, 5 to 1 |
| 14 | `#a351fe` | `oklch(62.17% 0.2437 301.42)` | Vega Violet | black, 5.1 to 1 |
| 15 | `#a853fd` | `oklch(62.80% 0.2421 302.75)` | Vega Violet | black, 5.3 to 1 |
| 16 | `#ac54fd` | `oklch(63.43% 0.2404 304.15)` | Vega Violet | black, 5.4 to 1 |
| 17 | `#b056fc` | `oklch(64.08% 0.2387 305.63)` | Vega Violet | black, 5.5 to 1 |
| 18 | `#b557fb` | `oklch(64.72% 0.2369 307.21)` | Vega Violet | black, 5.7 to 1 |
| 19 | `#ba59fa` | `oklch(65.35% 0.2349 308.89)` | Jacaranda Pink | black, 5.8 to 1 |
| 20 | `#be5af8` | `oklch(65.96% 0.2328 310.70)` | After-Party Pink | black, 6 to 1 |
| 21 | `#c35cf6` | `oklch(66.55% 0.2304 312.63)` | After-Party Pink | black, 6.1 to 1 |
| 22 | `#c85df4` | `oklch(67.11% 0.2278 314.72)` | After-Party Pink | black, 6.3 to 1 |
| 23 | `#cd5ef0` | `oklch(67.68% 0.2248 317.17)` | Bubblegum Baby Girl | black, 6.4 to 1 |
| 24 | `#d260ec` | `oklch(68.27% 0.2213 319.95)` | Purple Snail | black, 6.6 to 1 |
| 25 | `#d861e7` | `oklch(68.85% 0.2175 322.96)` | Clematis Magenta | black, 6.7 to 1 |
| 26 | `#dd63e2` | `oklch(69.42% 0.2136 326.10)` | Free Speech Magenta | black, 6.9 to 1 |
| 27 | `#e264dc` | `oklch(69.97% 0.2097 329.24)` | Free Speech Magenta | black, 7 to 1 |
| 28 | `#e666d7` | `oklch(70.49% 0.2058 332.30)` | Death of a Star | black, 7.2 to 1 |
| 29 | `#ea67d2` | `oklch(70.97% 0.2022 335.15)` | Death of a Star | black, 7.3 to 1 |
| 30 | `#ed69ce` | `oklch(71.40% 0.1990 337.70)` | Death of a Star | black, 7.5 to 1 |
| 31 | `#f06aca` | `oklch(71.76% 0.1963 339.84)` | Crumbly Lipstick | black, 7.6 to 1 |
| 32 | `#f26bc7` | `oklch(72.05% 0.1943 341.47)` | Crumbly Lipstick | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #7b3dff 0.0%, #7d3eff 3.2%, #7f3fff 6.5%, #8140ff 9.7%, #8442ff 12.9%, #8744ff 16.1%, #8a46ff 19.4%, #8d47ff 22.6%, #9049ff 25.8%, #944bff 29.0%, #984cff 32.3%, #9b4eff 35.5%, #9f4ffe 38.7%, #a351fe 41.9%, #a853fd 45.2%, #ac54fd 48.4%, #b056fc 51.6%, #b557fb 54.8%, #ba59fa 58.1%, #be5af8 61.3%, #c35cf6 64.5%, #c85df4 67.7%, #cd5ef0 71.0%, #d260ec 74.2%, #d861e7 77.4%, #dd63e2 80.6%, #e264dc 83.9%, #e666d7 87.1%, #ea67d2 90.3%, #ed69ce 93.5%, #f06aca 96.8%, #f26bc7 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.90% 0.2630 289.69) 0.0%, oklch(56.17% 0.2620 290.14) 3.2%, oklch(56.50% 0.2608 290.68) 6.5%, oklch(56.88% 0.2593 291.30) 9.7%, oklch(57.32% 0.2577 292.01) 12.9%, oklch(57.79% 0.2561 292.79) 16.1%, oklch(58.30% 0.2544 293.64) 19.4%, oklch(58.82% 0.2527 294.57) 22.6%, oklch(59.36% 0.2512 295.57) 25.8%, oklch(59.91% 0.2499 296.63) 29.0%, oklch(60.45% 0.2486 297.75) 32.3%, oklch(60.99% 0.2469 298.93) 35.5%, oklch(61.57% 0.2453 300.15) 38.7%, oklch(62.17% 0.2437 301.42) 41.9%, oklch(62.80% 0.2421 302.75) 45.2%, oklch(63.43% 0.2404 304.15) 48.4%, oklch(64.08% 0.2387 305.63) 51.6%, oklch(64.72% 0.2369 307.21) 54.8%, oklch(65.35% 0.2349 308.89) 58.1%, oklch(65.96% 0.2328 310.70) 61.3%, oklch(66.55% 0.2304 312.63) 64.5%, oklch(67.11% 0.2278 314.72) 67.7%, oklch(67.68% 0.2248 317.17) 71.0%, oklch(68.27% 0.2213 319.95) 74.2%, oklch(68.85% 0.2175 322.96) 77.4%, oklch(69.42% 0.2136 326.10) 80.6%, oklch(69.97% 0.2097 329.24) 83.9%, oklch(70.49% 0.2058 332.30) 87.1%, oklch(70.97% 0.2022 335.15) 90.3%, oklch(71.40% 0.1990 337.70) 93.5%, oklch(71.76% 0.1963 339.84) 96.8%, oklch(72.05% 0.1943 341.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.263 | 289.7 |
| 2 | 0.606 | 0.248 | 298.1 |
| 3 | 0.669 | 0.229 | 314 |
| 4 | 0.72 | 0.194 | 341.5 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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