# Alien mint citrus portal

From the mint-white center outward, this gradient flashes through pale green, acid yellow, coral pink, violet, and deep navy. Its luminous core and dark rim make the unusual warm-cool sequence feel like an opalescent portal. Use it for futuristic interiors, alien beauty visuals, or immersive event graphics.

- Also called: Light blue, light green, pink and navy radial gradient
- Seed: `kU-g958Ts5VEzKyklbwA`
- Page: https://grabient.com/kU-g958Ts5VEzKyklbwA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 13.7 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 | `#edfff8` | `oklch(98.43% 0.0207 170.86)` | Placebo Turquoise | black, 20.2 to 1 |
| 2 | `#e7fff5` | `oklch(97.95% 0.0288 168.17)` | Mint Chiffon | black, 20 to 1 |
| 3 | `#e1fff1` | `oklch(97.43% 0.0368 165.36)` | Crystal Glass | black, 19.7 to 1 |
| 4 | `#daffeb` | `oklch(96.84% 0.0462 162.27)` | Crystal Glass | black, 19.4 to 1 |
| 5 | `#d3ffe4` | `oklch(96.18% 0.0578 158.74)` | Mint Zest | black, 19.1 to 1 |
| 6 | `#caffdb` | `oklch(95.41% 0.0725 154.59)` | Mint Zest | black, 18.8 to 1 |
| 7 | `#c1ffcc` | `oklch(94.53% 0.0921 149.64)` | Coastal Trim | black, 18.4 to 1 |
| 8 | `#b8ffb6` | `oklch(93.52% 0.1202 143.73)` | Light Mint | black, 18 to 1 |
| 9 | `#bafb9e` | `oklch(92.36% 0.1388 136.68)` | Light Pastel Green | black, 17.4 to 1 |
| 10 | `#c3f583` | `oklch(91.03% 0.1513 128.33)` | Pistachio Mousse | black, 16.6 to 1 |
| 11 | `#d2eb65` | `oklch(89.52% 0.1604 118.49)` | Mindaro | black, 15.7 to 1 |
| 12 | `#e5dd45` | `oklch(87.81% 0.1659 106.63)` | Starship | black, 14.7 to 1 |
| 13 | `#f9cc24` | `oklch(85.91% 0.1690 91.78)` | Pot of Gold | black, 13.6 to 1 |
| 14 | `#ffbc58` | `oklch(83.83% 0.1389 74.54)` | Honey Crusted Chicken | black, 12.5 to 1 |
| 15 | `#ffad73` | `oklch(81.60% 0.1212 55.63)` | Bloom | black, 11.5 to 1 |
| 16 | `#ff9e84` | `oklch(79.22% 0.1222 35.76)` | Tangerine Cream | black, 10.4 to 1 |
| 17 | `#ff8c95` | `oklch(76.71% 0.1392 15.64)` | Conch Shell | black, 9.4 to 1 |
| 18 | `#f77cae` | `oklch(74.09% 0.1594 355.99)` | Erythrosine | black, 8.4 to 1 |
| 19 | `#df79c5` | `oklch(71.37% 0.1545 337.52)` | Fuchsia Blush | black, 7.6 to 1 |
| 20 | `#c378d2` | `oklch(68.57% 0.1493 320.93)` | Purple Kush | black, 6.9 to 1 |
| 21 | `#a877d5` | `oklch(65.71% 0.1440 306.95)` | Rich Lavender | black, 6.2 to 1 |
| 22 | `#9175d2` | `oklch(62.78% 0.1388 296.20)` | True V | black, 5.6 to 1 |
| 23 | `#7c70c8` | `oklch(59.49% 0.1324 287.98)` | Venus Violet | black, 4.9 to 1 |
| 24 | `#6969bb` | `oklch(55.84% 0.1246 281.73)` | Bluish Purple Anemone | white, 4.8 to 1 |
| 25 | `#5961aa` | `oklch(51.97% 0.1158 277.15)` | Submarine Base | white, 5.6 to 1 |
| 26 | `#4b5799` | `oklch(47.99% 0.1065 273.94)` | Governor Bay | white, 6.6 to 1 |
| 27 | `#404e88` | `oklch(44.03% 0.0969 271.79)` | Dive In | white, 7.9 to 1 |
| 28 | `#364477` | `oklch(40.21% 0.0875 270.42)` | Little Blue Heron | white, 9.2 to 1 |
| 29 | `#2e3c68` | `oklch(36.65% 0.0787 269.52)` | Newport Indigo | white, 10.7 to 1 |
| 30 | `#27345b` | `oklch(33.47% 0.0708 268.80)` | Midnight Escapade | white, 12.1 to 1 |
| 31 | `#222e50` | `oklch(30.79% 0.0642 267.95)` | Wahoo | white, 13.3 to 1 |
| 32 | `#1d2948` | `oklch(28.74% 0.0593 266.67)` | Fainting Light | white, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #edfff8 0.0%, #e7fff5 3.2%, #e1fff1 6.5%, #daffeb 9.7%, #d3ffe4 12.9%, #caffdb 16.1%, #c1ffcc 19.4%, #b8ffb6 22.6%, #bafb9e 25.8%, #c3f583 29.0%, #d2eb65 32.3%, #e5dd45 35.5%, #f9cc24 38.7%, #ffbc58 41.9%, #ffad73 45.2%, #ff9e84 48.4%, #ff8c95 51.6%, #f77cae 54.8%, #df79c5 58.1%, #c378d2 61.3%, #a877d5 64.5%, #9175d2 67.7%, #7c70c8 71.0%, #6969bb 74.2%, #5961aa 77.4%, #4b5799 80.6%, #404e88 83.9%, #364477 87.1%, #2e3c68 90.3%, #27345b 93.5%, #222e50 96.8%, #1d2948 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.43% 0.0207 170.86) 0.0%, oklch(97.95% 0.0288 168.17) 3.2%, oklch(97.43% 0.0368 165.36) 6.5%, oklch(96.84% 0.0462 162.27) 9.7%, oklch(96.18% 0.0578 158.74) 12.9%, oklch(95.41% 0.0725 154.59) 16.1%, oklch(94.53% 0.0921 149.64) 19.4%, oklch(93.52% 0.1202 143.73) 22.6%, oklch(92.36% 0.1388 136.68) 25.8%, oklch(91.03% 0.1513 128.33) 29.0%, oklch(89.52% 0.1604 118.49) 32.3%, oklch(87.81% 0.1659 106.63) 35.5%, oklch(85.91% 0.1690 91.78) 38.7%, oklch(83.83% 0.1389 74.54) 41.9%, oklch(81.60% 0.1212 55.63) 45.2%, oklch(79.22% 0.1222 35.76) 48.4%, oklch(76.71% 0.1392 15.64) 51.6%, oklch(74.09% 0.1594 355.99) 54.8%, oklch(71.37% 0.1545 337.52) 58.1%, oklch(68.57% 0.1493 320.93) 61.3%, oklch(65.71% 0.1440 306.95) 64.5%, oklch(62.78% 0.1388 296.20) 67.7%, oklch(59.49% 0.1324 287.98) 71.0%, oklch(55.84% 0.1246 281.73) 74.2%, oklch(51.97% 0.1158 277.15) 77.4%, oklch(47.99% 0.1065 273.94) 80.6%, oklch(44.03% 0.0969 271.79) 83.9%, oklch(40.21% 0.0875 270.42) 87.1%, oklch(36.65% 0.0787 269.52) 90.3%, oklch(33.47% 0.0708 268.80) 93.5%, oklch(30.79% 0.0642 267.95) 96.8%, oklch(28.74% 0.0593 266.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.984 | 0.021 | 170.9 |
| 2 | 0.89 | 0.163 | 114.9 |
| 3 | 0.638 | 0.141 | -60.6 |
| 4 | 0.287 | 0.059 | -93.3 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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