# Cobalt blue and turquoise jacaranda first bloom

The Cobalt blue and turquoise jacaranda first bloom brings together blue, magenta, red, light orange, light yellow, light green, and light teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Pastel rainbow radial gradient
- Seed: `kaiUS7yBDGtSXSThHMN6RrE-qeRVnI0SA`
- Page: https://grabient.com/kaiUS7yBDGtSXSThHMN6RrE-qeRVnI0SA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.2 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 | `#526da5` | `oklch(53.94% 0.0937 263.67)` | Chesty Bond | white, 5.1 to 1 |
| 2 | `#5c6ca2` | `oklch(54.19% 0.0864 270.81)` | Splendour and Pride | white, 5 to 1 |
| 3 | `#686b9b` | `oklch(54.48% 0.0755 280.64)` | Dusted Peri | white, 5 to 1 |
| 4 | `#726b94` | `oklch(54.90% 0.0635 292.40)` | Purple Grapes | white, 4.9 to 1 |
| 5 | `#7a6c8c` | `oklch(55.54% 0.0528 305.29)` | Nymph’s Delight | white, 4.8 to 1 |
| 6 | `#826e88` | `oklch(56.50% 0.0461 318.55)` | Parma Grey | white, 4.6 to 1 |
| 7 | `#8a7086` | `oklch(57.88% 0.0446 332.68)` | Sapphire Pink | black, 4.7 to 1 |
| 8 | `#957484` | `oklch(59.66% 0.0471 348.90)` | Tragic Juliet | black, 5.1 to 1 |
| 9 | `#a17980` | `oklch(61.69% 0.0518 5.74)` | Bohemian Jazz | black, 5.5 to 1 |
| 10 | `#ac7e7c` | `oklch(63.82% 0.0573 21.69)` | Ferris Wheel | black, 6 to 1 |
| 11 | `#b48578` | `oklch(65.89% 0.0622 35.22)` | Brandy Rose | black, 6.5 to 1 |
| 12 | `#bb8b76` | `oklch(67.83% 0.0656 45.04)` | Terrazzo Tan | black, 7 to 1 |
| 13 | `#c19276` | `oklch(69.84% 0.0692 51.63)` | Charleston Chocolate | black, 7.6 to 1 |
| 14 | `#c89978` | `oklch(71.84% 0.0727 56.33)` | Sweet Almond | black, 8.2 to 1 |
| 15 | `#ce9f79` | `oklch(73.78% 0.0757 60.46)` | Fresh Croissant | black, 8.8 to 1 |
| 16 | `#d2a67b` | `oklch(75.57% 0.0779 65.37)` | City Sunrise | black, 9.4 to 1 |
| 17 | `#d4ad7d` | `oklch(77.15% 0.0788 72.10)` | Whole Grain | black, 10 to 1 |
| 18 | `#d4b480` | `oklch(78.62% 0.0780 79.78)` | Barley | black, 10.6 to 1 |
| 19 | `#d2bb85` | `oklch(79.96% 0.0763 87.97)` | Independent Gold | black, 11.2 to 1 |
| 20 | `#cfc28a` | `oklch(81.15% 0.0744 96.48)` | Dry Leaf | black, 11.7 to 1 |
| 21 | `#cbc890` | `oklch(82.14% 0.0732 105.09)` | Creamy Spinaci | black, 12.1 to 1 |
| 22 | `#c6cd96` | `oklch(82.91% 0.0732 113.65)` | Dancing Green | black, 12.5 to 1 |
| 23 | `#c0d19b` | `oklch(83.44% 0.0743 122.45)` | Cricket Field | black, 12.8 to 1 |
| 24 | `#b8d5a1` | `oklch(83.78% 0.0761 131.46)` | In Good Taste | black, 13 to 1 |
| 25 | `#afd8a7` | `oklch(83.94% 0.0783 140.45)` | Fizz | black, 13.1 to 1 |
| 26 | `#a6daae` | `oklch(83.95% 0.0807 149.23)` | Big Spender | black, 13.2 to 1 |
| 27 | `#9cdbb5` | `oklch(83.83% 0.0831 157.61)` | Birthday King | black, 13.2 to 1 |
| 28 | `#91dbbc` | `oklch(83.45% 0.0858 166.27)` | Green Jewel | black, 13 to 1 |
| 29 | `#86dac4` | `oklch(82.84% 0.0889 175.08)` | Fresh Mist | black, 12.8 to 1 |
| 30 | `#7bd8ca` | `oklch(82.15% 0.0919 183.33)` | Mintos | black, 12.5 to 1 |
| 31 | `#73d6d0` | `oklch(81.52% 0.0946 190.32)` | Water Wings | black, 12.2 to 1 |
| 32 | `#6dd5d5` | `oklch(81.10% 0.0965 195.34)` | Aruba Blue | black, 12.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #526da5 0.0%, #5c6ca2 3.2%, #686b9b 6.5%, #726b94 9.7%, #7a6c8c 12.9%, #826e88 16.1%, #8a7086 19.4%, #957484 22.6%, #a17980 25.8%, #ac7e7c 29.0%, #b48578 32.3%, #bb8b76 35.5%, #c19276 38.7%, #c89978 41.9%, #ce9f79 45.2%, #d2a67b 48.4%, #d4ad7d 51.6%, #d4b480 54.8%, #d2bb85 58.1%, #cfc28a 61.3%, #cbc890 64.5%, #c6cd96 67.7%, #c0d19b 71.0%, #b8d5a1 74.2%, #afd8a7 77.4%, #a6daae 80.6%, #9cdbb5 83.9%, #91dbbc 87.1%, #86dac4 90.3%, #7bd8ca 93.5%, #73d6d0 96.8%, #6dd5d5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.94% 0.0937 263.67) 0.0%, oklch(54.19% 0.0864 270.81) 3.2%, oklch(54.48% 0.0755 280.64) 6.5%, oklch(54.90% 0.0635 292.40) 9.7%, oklch(55.54% 0.0528 305.29) 12.9%, oklch(56.50% 0.0461 318.55) 16.1%, oklch(57.88% 0.0446 332.68) 19.4%, oklch(59.66% 0.0471 348.90) 22.6%, oklch(61.69% 0.0518 5.74) 25.8%, oklch(63.82% 0.0573 21.69) 29.0%, oklch(65.89% 0.0622 35.22) 32.3%, oklch(67.83% 0.0656 45.04) 35.5%, oklch(69.84% 0.0692 51.63) 38.7%, oklch(71.84% 0.0727 56.33) 41.9%, oklch(73.78% 0.0757 60.46) 45.2%, oklch(75.57% 0.0779 65.37) 48.4%, oklch(77.15% 0.0788 72.10) 51.6%, oklch(78.62% 0.0780 79.78) 54.8%, oklch(79.96% 0.0763 87.97) 58.1%, oklch(81.15% 0.0744 96.48) 61.3%, oklch(82.14% 0.0732 105.09) 64.5%, oklch(82.91% 0.0732 113.65) 67.7%, oklch(83.44% 0.0743 122.45) 71.0%, oklch(83.78% 0.0761 131.46) 74.2%, oklch(83.94% 0.0783 140.45) 77.4%, oklch(83.95% 0.0807 149.23) 80.6%, oklch(83.83% 0.0831 157.61) 83.9%, oklch(83.45% 0.0858 166.27) 87.1%, oklch(82.84% 0.0889 175.08) 90.3%, oklch(82.15% 0.0919 183.33) 93.5%, oklch(81.52% 0.0946 190.32) 96.8%, oklch(81.10% 0.0965 195.34) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.094 | 263.7 |
| 2 | 0.567 | 0.045 | 320.7 |
| 3 | 0.665 | 0.063 | 398.9 |
| 4 | 0.764 | 0.079 | 428.5 |
| 5 | 0.827 | 0.073 | 470.8 |
| 6 | 0.839 | 0.083 | 516.2 |
| 7 | 0.811 | 0.096 | 555.3 |

## In these collections

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

## Other forms

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