# Mint Near-Black Violet Rings

From the center outward, this gradient moves from mint through pale green, yellow, orange, coral red, plum, and finishes in near-black violet. Use the unusual color clashes for dreamlike posters, experimental illustrations, music artwork, or playful title panels. The mix of soft and vivid tones offers distinct options for a background, foreground shapes, lettering, and small surprising accents.

- Also called: Light blue, light green, orange and navy radial gradient
- Seed: `kU3j-GbjO4tNEtOYFjQA`
- Page: https://grabient.com/kU3j-GbjO4tNEtOYFjQA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 13.8 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 | `#8fe8e0` | `oklch(87.40% 0.0868 188.44)` | Neverland | black, 14.8 to 1 |
| 2 | `#8de9dd` | `oklch(87.44% 0.0900 185.06)` | Neverland | black, 14.8 to 1 |
| 3 | `#8cebda` | `oklch(87.61% 0.0941 180.91)` | Neverland | black, 15 to 1 |
| 4 | `#8bedd5` | `oklch(87.84% 0.0990 176.07)` | Tiffany Blue | black, 15.1 to 1 |
| 5 | `#8cefce` | `oklch(88.09% 0.1045 170.62)` | Light Turquoise | black, 15.2 to 1 |
| 6 | `#8ef0c6` | `oklch(88.31% 0.1104 164.65)` | Nightly Aurora | black, 15.4 to 1 |
| 7 | `#93f1bc` | `oklch(88.43% 0.1166 158.22)` | Vaporwave Pool | black, 15.4 to 1 |
| 8 | `#99f0b0` | `oklch(88.41% 0.1228 151.42)` | Mint Tonic | black, 15.4 to 1 |
| 9 | `#a2efa2` | `oklch(88.19% 0.1290 144.34)` | Mint Tonic | black, 15.3 to 1 |
| 10 | `#aceb92` | `oklch(87.72% 0.1348 137.05)` | Sweet Mint Pesto | black, 15 to 1 |
| 11 | `#b6e680` | `oklch(86.95% 0.1402 129.63)` | Yellow Green Shade | black, 14.6 to 1 |
| 12 | `#c1e06d` | `oklch(85.87% 0.1455 122.06)` | Citrus Lime | black, 14 to 1 |
| 13 | `#ccd757` | `oklch(84.62% 0.1519 114.03)` | Citrus Delight | black, 13.4 to 1 |
| 14 | `#d7cd3b` | `oklch(83.20% 0.1589 105.58)` | LED Green | black, 12.7 to 1 |
| 15 | `#e2c20e` | `oklch(81.61% 0.1663 96.79)` | Lilikoi | black, 11.9 to 1 |
| 16 | `#e9b500` | `oklch(79.81% 0.1632 87.71)` | Trumpet Gold | black, 11 to 1 |
| 17 | `#eea800` | `oklch(77.81% 0.1620 78.41)` | Groovy Giraffe | black, 10.2 to 1 |
| 18 | `#f29900` | `oklch(75.59% 0.1648 68.97)` | Kin Gold | black, 9.3 to 1 |
| 19 | `#f58800` | `oklch(73.14% 0.1725 59.44)` | Atomic Orange | black, 8.4 to 1 |
| 20 | `#f77500` | `oklch(70.44% 0.1865 49.90)` | Liquid Lava | black, 7.4 to 1 |
| 21 | `#f36326` | `oklch(67.48% 0.1907 40.42)` | Scarlet Ibis | black, 6.6 to 1 |
| 22 | `#e8543f` | `oklch(64.21% 0.1872 30.97)` | Mandarin Red | black, 5.7 to 1 |
| 23 | `#d74750` | `oklch(60.26% 0.1799 20.83)` | Faded Red | black, 4.9 to 1 |
| 24 | `#c13c5c` | `oklch(55.65% 0.1692 10.00)` | Cherry Lolly | white, 5.1 to 1 |
| 25 | `#a63363` | `oklch(50.60% 0.1559 358.78)` | Valentine’s Day | white, 6.3 to 1 |
| 26 | `#8a2d64` | `oklch(45.28% 0.1409 347.45)` | Boysenberry | white, 7.9 to 1 |
| 27 | `#6e2660` | `oklch(39.91% 0.1250 336.31)` | Byzantium | white, 9.8 to 1 |
| 28 | `#552158` | `oklch(34.66% 0.1090 325.66)` | Purple Velour | white, 12 to 1 |
| 29 | `#3f1b4c` | `oklch(29.74% 0.0937 315.79)` | Obsidian Orchid | white, 14.3 to 1 |
| 30 | `#2d1540` | `oklch(25.35% 0.0800 306.98)` | Blackcurrant | white, 16.2 to 1 |
| 31 | `#1f1034` | `oklch(21.67% 0.0687 299.54)` | Midnight Monarch | white, 17.7 to 1 |
| 32 | `#160c2b` | `oklch(18.90% 0.0606 293.76)` | Midnight Monarch | white, 18.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #8fe8e0 0.0%, #8de9dd 3.2%, #8cebda 6.5%, #8bedd5 9.7%, #8cefce 12.9%, #8ef0c6 16.1%, #93f1bc 19.4%, #99f0b0 22.6%, #a2efa2 25.8%, #aceb92 29.0%, #b6e680 32.3%, #c1e06d 35.5%, #ccd757 38.7%, #d7cd3b 41.9%, #e2c20e 45.2%, #e9b500 48.4%, #eea800 51.6%, #f29900 54.8%, #f58800 58.1%, #f77500 61.3%, #f36326 64.5%, #e8543f 67.7%, #d74750 71.0%, #c13c5c 74.2%, #a63363 77.4%, #8a2d64 80.6%, #6e2660 83.9%, #552158 87.1%, #3f1b4c 90.3%, #2d1540 93.5%, #1f1034 96.8%, #160c2b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0868 188.44) 0.0%, oklch(87.44% 0.0900 185.06) 3.2%, oklch(87.61% 0.0941 180.91) 6.5%, oklch(87.84% 0.0990 176.07) 9.7%, oklch(88.09% 0.1045 170.62) 12.9%, oklch(88.31% 0.1104 164.65) 16.1%, oklch(88.43% 0.1166 158.22) 19.4%, oklch(88.41% 0.1228 151.42) 22.6%, oklch(88.19% 0.1290 144.34) 25.8%, oklch(87.72% 0.1348 137.05) 29.0%, oklch(86.95% 0.1402 129.63) 32.3%, oklch(85.87% 0.1455 122.06) 35.5%, oklch(84.62% 0.1519 114.03) 38.7%, oklch(83.20% 0.1589 105.58) 41.9%, oklch(81.61% 0.1663 96.79) 45.2%, oklch(79.81% 0.1632 87.71) 48.4%, oklch(77.81% 0.1620 78.41) 51.6%, oklch(75.59% 0.1648 68.97) 54.8%, oklch(73.14% 0.1725 59.44) 58.1%, oklch(70.44% 0.1865 49.90) 61.3%, oklch(67.48% 0.1907 40.42) 64.5%, oklch(64.21% 0.1872 30.97) 67.7%, oklch(60.26% 0.1799 20.83) 71.0%, oklch(55.65% 0.1692 10.00) 74.2%, oklch(50.60% 0.1559 358.78) 77.4%, oklch(45.28% 0.1409 347.45) 80.6%, oklch(39.91% 0.1250 336.31) 83.9%, oklch(34.66% 0.1090 325.66) 87.1%, oklch(29.74% 0.0937 315.79) 90.3%, oklch(25.35% 0.0800 306.98) 93.5%, oklch(21.67% 0.0687 299.54) 96.8%, oklch(18.90% 0.0606 293.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.087 | 188.4 |
| 2 | 0.866 | 0.142 | 127.1 |
| 3 | 0.654 | 0.189 | 34.2 |
| 4 | 0.189 | 0.061 | -66.2 |

## In these collections

- [Surreal colors](https://grabient.com/surreal-colors)

## Other forms

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