# Violet, rose and lime color palette

The Violet, rose and lime color palette brings together purple, magenta, red, orange, and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits game interface concepts and stream graphics. Its darkest tone is purple, and its lightest tone is green.

- Also called: Neon tritone purple, pink and yellow radial gradient
- Seed: `kWisnPT2RENTURPjvUa705Go`
- Page: https://grabient.com/kWisnPT2RENTURPjvUa705Go?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, neon, 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 | `#7b2aff` | `oklch(54.33% 0.2770 291.09)` | Szöllősi Grape | white, 5.7 to 1 |
| 2 | `#8329fe` | `oklch(54.99% 0.2772 293.93)` | Szöllősi Grape | white, 5.6 to 1 |
| 3 | `#8e27fd` | `oklch(55.89% 0.2778 297.66)` | Amethyst Ganzstar | white, 5.4 to 1 |
| 4 | `#9a25fa` | `oklch(56.97% 0.2785 302.10)` | Veronica | white, 5.2 to 1 |
| 5 | `#a723f7` | `oklch(58.15% 0.2791 307.06)` | Cool Purple | white, 4.9 to 1 |
| 6 | `#b421f1` | `oklch(59.35% 0.2793 312.35)` | Promiscuous Pink | white, 4.7 to 1 |
| 7 | `#c11fea` | `oklch(60.51% 0.2788 317.77)` | Promiscuous Pink | black, 4.6 to 1 |
| 8 | `#cd1de1` | `oklch(61.55% 0.2774 323.14)` | Fungal Hallucinations | black, 4.8 to 1 |
| 9 | `#d71cd7` | `oklch(62.39% 0.2748 328.28)` | Demonic Purple | black, 5 to 1 |
| 10 | `#e01bcc` | `oklch(63.02% 0.2711 333.32)` | Passionate Pink | black, 5.1 to 1 |
| 11 | `#e61cc0` | `oklch(63.50% 0.2665 338.39)` | Kriss Me Not Fuchsia | black, 5.3 to 1 |
| 12 | `#ec1db3` | `oklch(63.89% 0.2611 343.55)` | Magnificent Magenta | black, 5.4 to 1 |
| 13 | `#f121a5` | `oklch(64.27% 0.2551 348.84)` | Magnificent Magenta | black, 5.5 to 1 |
| 14 | `#f62698` | `oklch(64.71% 0.2487 354.34)` | Prickly Pink | black, 5.6 to 1 |
| 15 | `#fa2d8a` | `oklch(65.28% 0.2419 0.09)` | Reliquial Rose | black, 5.7 to 1 |
| 16 | `#fe357c` | `oklch(66.05% 0.2350 6.14)` | Diva Pink | black, 5.9 to 1 |
| 17 | `#ff446f` | `oklch(67.09% 0.2218 12.56)` | Laser Trap | black, 6.3 to 1 |
| 18 | `#ff5464` | `oklch(68.39% 0.2058 19.41)` | Festive Fennec | black, 6.7 to 1 |
| 19 | `#ff635a` | `oklch(69.89% 0.1919 26.61)` | Pineapple Salmon | black, 7.1 to 1 |
| 20 | `#ff7151` | `oklch(71.51% 0.1804 34.06)` | Often Orange | black, 7.7 to 1 |
| 21 | `#ff7d49` | `oklch(73.20% 0.1717 41.67)` | Mythical Orange | black, 8.3 to 1 |
| 22 | `#ff8940` | `oklch(74.89% 0.1661 49.35)` | Orange Bell Pepper | black, 8.9 to 1 |
| 23 | `#ff9436` | `oklch(76.51% 0.1641 57.00)` | Energy Orange | black, 9.5 to 1 |
| 24 | `#ff9d24` | `oklch(78.00% 0.1665 64.51)` | Radiant Yellow | black, 10.1 to 1 |
| 25 | `#fda709` | `oklch(79.37% 0.1685 72.12)` | California Girl | black, 10.6 to 1 |
| 26 | `#f7b200` | `oklch(80.76% 0.1671 80.36)` | Limeño Limón | black, 11.3 to 1 |
| 27 | `#f0bd00` | `oklch(82.13% 0.1678 88.92)` | Radiant Sunrise | black, 12 to 1 |
| 28 | `#e8c800` | `oklch(83.45% 0.1722 97.41)` | Golden Crescent | black, 12.6 to 1 |
| 29 | `#ded200` | `oklch(84.68% 0.1801 105.48)` | Chartreuse Shot | black, 13.3 to 1 |
| 30 | `#d3dc00` | `oklch(85.78% 0.1909 112.75)` | Octarine | black, 13.9 to 1 |
| 31 | `#c6e400` | `oklch(86.70% 0.2035 118.85)` | Sour Green | black, 14.5 to 1 |
| 32 | `#baeb04` | `oklch(87.40% 0.2150 123.42)` | Green Cacophony | black, 14.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7b2aff 0.0%, #8329fe 3.2%, #8e27fd 6.5%, #9a25fa 9.7%, #a723f7 12.9%, #b421f1 16.1%, #c11fea 19.4%, #cd1de1 22.6%, #d71cd7 25.8%, #e01bcc 29.0%, #e61cc0 32.3%, #ec1db3 35.5%, #f121a5 38.7%, #f62698 41.9%, #fa2d8a 45.2%, #fe357c 48.4%, #ff446f 51.6%, #ff5464 54.8%, #ff635a 58.1%, #ff7151 61.3%, #ff7d49 64.5%, #ff8940 67.7%, #ff9436 71.0%, #ff9d24 74.2%, #fda709 77.4%, #f7b200 80.6%, #f0bd00 83.9%, #e8c800 87.1%, #ded200 90.3%, #d3dc00 93.5%, #c6e400 96.8%, #baeb04 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(54.33% 0.2770 291.09) 0.0%, oklch(54.99% 0.2772 293.93) 3.2%, oklch(55.89% 0.2778 297.66) 6.5%, oklch(56.97% 0.2785 302.10) 9.7%, oklch(58.15% 0.2791 307.06) 12.9%, oklch(59.35% 0.2793 312.35) 16.1%, oklch(60.51% 0.2788 317.77) 19.4%, oklch(61.55% 0.2774 323.14) 22.6%, oklch(62.39% 0.2748 328.28) 25.8%, oklch(63.02% 0.2711 333.32) 29.0%, oklch(63.50% 0.2665 338.39) 32.3%, oklch(63.89% 0.2611 343.55) 35.5%, oklch(64.27% 0.2551 348.84) 38.7%, oklch(64.71% 0.2487 354.34) 41.9%, oklch(65.28% 0.2419 0.09) 45.2%, oklch(66.05% 0.2350 6.14) 48.4%, oklch(67.09% 0.2218 12.56) 51.6%, oklch(68.39% 0.2058 19.41) 54.8%, oklch(69.89% 0.1919 26.61) 58.1%, oklch(71.51% 0.1804 34.06) 61.3%, oklch(73.20% 0.1717 41.67) 64.5%, oklch(74.89% 0.1661 49.35) 67.7%, oklch(76.51% 0.1641 57.00) 71.0%, oklch(78.00% 0.1665 64.51) 74.2%, oklch(79.37% 0.1685 72.12) 77.4%, oklch(80.76% 0.1671 80.36) 80.6%, oklch(82.13% 0.1678 88.92) 83.9%, oklch(83.45% 0.1722 97.41) 87.1%, oklch(84.68% 0.1801 105.48) 90.3%, oklch(85.78% 0.1909 112.75) 93.5%, oklch(86.70% 0.2035 118.85) 96.8%, oklch(87.40% 0.2150 123.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.277 | 291.1 |
| 2 | 0.622 | 0.276 | 327 |
| 3 | 0.665 | 0.231 | 369.3 |
| 4 | 0.783 | 0.168 | 426.4 |
| 5 | 0.874 | 0.215 | 483.4 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Summer gradients](https://grabient.com/summer-gradients)
- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)
- [Neon gradients](https://grabient.com/neon-gradients)

## Other forms

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