# Violet, turquoise and emerald jacaranda first bloom

The Violet, turquoise and emerald jacaranda first bloom brings together purple, blue, teal, green, and light green. 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 light green.

- Also called: Vivid purple, blue, teal and green radial gradient
- Seed: `kYnKfgysE9k6ru7Yo7mYa67uazve`
- Page: https://grabient.com/kYnKfgysE9k6ru7Yo7mYa67uazve?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: vivid, cool, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.6 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 | `#b748df` | `oklch(61.42% 0.2301 315.70)` | Ultraviolet Onsible | black, 5 to 1 |
| 2 | `#b24bdf` | `oklch(61.06% 0.2249 313.78)` | Ultraviolet Onsible | black, 4.9 to 1 |
| 3 | `#ab4ede` | `oklch(60.52% 0.2177 311.27)` | Lightish Purple | black, 4.8 to 1 |
| 4 | `#a351dd` | `oklch(59.90% 0.2092 308.24)` | Lightish Purple | black, 4.7 to 1 |
| 5 | `#9a55db` | `oklch(59.32% 0.1999 304.74)` | Morado Purple | black, 4.7 to 1 |
| 6 | `#9159da` | `oklch(58.86% 0.1903 300.81)` | Gloomy Purple | black, 4.6 to 1 |
| 7 | `#895ed9` | `oklch(58.66% 0.1809 296.52)` | Gloomy Purple | black, 4.6 to 1 |
| 8 | `#8164d8` | `oklch(58.74% 0.1716 291.89)` | Medium Slate Blue | black, 4.7 to 1 |
| 9 | `#796ad7` | `oklch(59.00% 0.1614 286.89)` | C64 Purple | black, 4.8 to 1 |
| 10 | `#7170d5` | `oklch(59.42% 0.1509 281.48)` | C64 Purple | black, 4.9 to 1 |
| 11 | `#6a76d3` | `oklch(59.98% 0.1405 275.64)` | C64 Purple | black, 5.1 to 1 |
| 12 | `#637dd0` | `oklch(60.66% 0.1309 269.34)` | Indigo Light | black, 5.3 to 1 |
| 13 | `#5c83ce` | `oklch(61.46% 0.1227 262.55)` | Berlin Blue | black, 5.5 to 1 |
| 14 | `#5589cc` | `oklch(62.39% 0.1161 255.11)` | Berlin Blue | black, 5.8 to 1 |
| 15 | `#4e90ca` | `oklch(63.53% 0.1103 246.62)` | Delphinium Corsage | black, 6.1 to 1 |
| 16 | `#4898c7` | `oklch(64.82% 0.1053 237.45)` | Blessed Blue | black, 6.5 to 1 |
| 17 | `#449fc4` | `oklch(66.20% 0.1015 228.05)` | Norse Blue | black, 6.9 to 1 |
| 18 | `#42a5c0` | `oklch(67.59% 0.0989 218.88)` | Moonstone | black, 7.4 to 1 |
| 19 | `#43abbd` | `oklch(68.93% 0.0977 210.38)` | Explore Blue | black, 7.8 to 1 |
| 20 | `#44b1ba` | `oklch(70.17% 0.0983 202.94)` | Thalassa | black, 8.2 to 1 |
| 21 | `#44b6b7` | `oklch(71.40% 0.1015 196.10)` | Crystalsong Blue | black, 8.6 to 1 |
| 22 | `#42bcb5` | `oklch(72.63% 0.1065 189.71)` | Arctic Green | black, 9 to 1 |
| 23 | `#41c1b2` | `oklch(73.83% 0.1127 183.80)` | Synergy | black, 9.5 to 1 |
| 24 | `#42c6ae` | `oklch(74.97% 0.1190 178.37)` | Disc Jockey | black, 9.9 to 1 |
| 25 | `#45cbaa` | `oklch(76.02% 0.1247 173.45)` | Mermaid’s Kiss | black, 10.3 to 1 |
| 26 | `#4bcea6` | `oklch(76.95% 0.1289 169.03)` | Mint Jelly | black, 10.6 to 1 |
| 27 | `#53d1a2` | `oklch(77.79% 0.1321 165.15)` | Mint Jelly | black, 11 to 1 |
| 28 | `#5ad49e` | `oklch(78.56% 0.1348 161.78)` | Van Gogh Green | black, 11.3 to 1 |
| 29 | `#61d69b` | `oklch(79.25% 0.1371 158.91)` | Aurora Green | black, 11.5 to 1 |
| 30 | `#67d898` | `oklch(79.84% 0.1391 156.50)` | Aurora Green | black, 11.8 to 1 |
| 31 | `#6bd995` | `oklch(80.33% 0.1407 154.52)` | Aurora Green | black, 12 to 1 |
| 32 | `#6fda93` | `oklch(80.71% 0.1419 152.96)` | Aurora Green | black, 12.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b748df 0.0%, #b24bdf 3.2%, #ab4ede 6.5%, #a351dd 9.7%, #9a55db 12.9%, #9159da 16.1%, #895ed9 19.4%, #8164d8 22.6%, #796ad7 25.8%, #7170d5 29.0%, #6a76d3 32.3%, #637dd0 35.5%, #5c83ce 38.7%, #5589cc 41.9%, #4e90ca 45.2%, #4898c7 48.4%, #449fc4 51.6%, #42a5c0 54.8%, #43abbd 58.1%, #44b1ba 61.3%, #44b6b7 64.5%, #42bcb5 67.7%, #41c1b2 71.0%, #42c6ae 74.2%, #45cbaa 77.4%, #4bcea6 80.6%, #53d1a2 83.9%, #5ad49e 87.1%, #61d69b 90.3%, #67d898 93.5%, #6bd995 96.8%, #6fda93 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(61.42% 0.2301 315.70) 0.0%, oklch(61.06% 0.2249 313.78) 3.2%, oklch(60.52% 0.2177 311.27) 6.5%, oklch(59.90% 0.2092 308.24) 9.7%, oklch(59.32% 0.1999 304.74) 12.9%, oklch(58.86% 0.1903 300.81) 16.1%, oklch(58.66% 0.1809 296.52) 19.4%, oklch(58.74% 0.1716 291.89) 22.6%, oklch(59.00% 0.1614 286.89) 25.8%, oklch(59.42% 0.1509 281.48) 29.0%, oklch(59.98% 0.1405 275.64) 32.3%, oklch(60.66% 0.1309 269.34) 35.5%, oklch(61.46% 0.1227 262.55) 38.7%, oklch(62.39% 0.1161 255.11) 41.9%, oklch(63.53% 0.1103 246.62) 45.2%, oklch(64.82% 0.1053 237.45) 48.4%, oklch(66.20% 0.1015 228.05) 51.6%, oklch(67.59% 0.0989 218.88) 54.8%, oklch(68.93% 0.0977 210.38) 58.1%, oklch(70.17% 0.0983 202.94) 61.3%, oklch(71.40% 0.1015 196.10) 64.5%, oklch(72.63% 0.1065 189.71) 67.7%, oklch(73.83% 0.1127 183.80) 71.0%, oklch(74.97% 0.1190 178.37) 74.2%, oklch(76.02% 0.1247 173.45) 77.4%, oklch(76.95% 0.1289 169.03) 80.6%, oklch(77.79% 0.1321 165.15) 83.9%, oklch(78.56% 0.1348 161.78) 87.1%, oklch(79.25% 0.1371 158.91) 90.3%, oklch(79.84% 0.1391 156.50) 93.5%, oklch(80.33% 0.1407 154.52) 96.8%, oklch(80.71% 0.1419 152.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.23 | 315.7 |
| 2 | 0.587 | 0.179 | 295.6 |
| 3 | 0.618 | 0.12 | 259.7 |
| 4 | 0.697 | 0.098 | 205.8 |
| 5 | 0.768 | 0.128 | 169.9 |
| 6 | 0.807 | 0.142 | 153 |

## In these collections

- [Jacaranda first bloom](https://grabient.com/jacaranda-first-bloom)

## Other forms

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