# Forest green and mauve jacaranda first bloom

The Forest green and mauve jacaranda first bloom brings together green, blue, and purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is blue.

- Also called: Dark green, blue and purple radial gradient
- Seed: `kYbENow6FAs0UQlQEMmTCVEEKzwO`
- Page: https://grabient.com/kYbENow6FAs0UQlQEMmTCVEEKzwO?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: cool, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#265c2f` | `oklch(42.52% 0.0923 146.95)` | Pine | white, 7.9 to 1 |
| 2 | `#295f32` | `oklch(43.67% 0.0926 147.47)` | Derbyshire | white, 7.5 to 1 |
| 3 | `#2c6437` | `oklch(45.27% 0.0932 148.04)` | Gameboy Shade | white, 7 to 1 |
| 4 | `#306a3d` | `oklch(47.17% 0.0938 148.78)` | Billiard Ball | white, 6.4 to 1 |
| 5 | `#357043` | `oklch(49.18% 0.0940 149.77)` | Mount Hyjal | white, 5.9 to 1 |
| 6 | `#39754a` | `oklch(51.13% 0.0934 151.11)` | Grasslands | white, 5.4 to 1 |
| 7 | `#3d7b51` | `oklch(52.85% 0.0915 152.88)` | Rokushō Green | white, 5 to 1 |
| 8 | `#427f59` | `oklch(54.31% 0.0878 154.77)` | Leisure Green | white, 4.7 to 1 |
| 9 | `#48825f` | `oklch(55.70% 0.0823 156.29)` | Leisure Green | black, 4.6 to 1 |
| 10 | `#4f8566` | `oklch(57.03% 0.0756 158.00)` | Verdigris Roundhead | black, 4.8 to 1 |
| 11 | `#55886d` | `oklch(58.25% 0.0687 160.51)` | Saltwater Depth | black, 5.1 to 1 |
| 12 | `#5a8a75` | `oklch(59.35% 0.0621 164.42)` | Privet Hedge | black, 5.3 to 1 |
| 13 | `#5e8c7c` | `oklch(60.30% 0.0568 170.32)` | Sea Monster | black, 5.5 to 1 |
| 14 | `#608e84` | `oklch(61.08% 0.0529 179.02)` | Chlorite | black, 5.7 to 1 |
| 15 | `#628f8c` | `oklch(61.74% 0.0491 191.17)` | Oil Blue | black, 5.8 to 1 |
| 16 | `#668f94` | `oklch(62.26% 0.0458 205.54)` | Oarsman Blue | black, 5.9 to 1 |
| 17 | `#6b8f9b` | `oklch(62.65% 0.0435 220.78)` | Secret Cove | black, 6 to 1 |
| 18 | `#708d9f` | `oklch(62.90% 0.0426 235.53)` | Smoky Azurite | black, 6 to 1 |
| 19 | `#758ca3` | `oklch(63.00% 0.0437 248.44)` | Blue Shadow | black, 6 to 1 |
| 20 | `#788aa6` | `oklch(62.95% 0.0473 258.36)` | Starset | black, 5.9 to 1 |
| 21 | `#7988aa` | `oklch(62.74% 0.0541 266.28)` | Ship Cove | black, 5.9 to 1 |
| 22 | `#7a85ae` | `oklch(62.37% 0.0633 272.83)` | Corsican Purple | black, 5.8 to 1 |
| 23 | `#7b82b2` | `oklch(61.87% 0.0739 278.26)` | Corsican Purple | black, 5.6 to 1 |
| 24 | `#7c7db6` | `oklch(61.24% 0.0848 282.81)` | Astro Zinger | black, 5.4 to 1 |
| 25 | `#7e79b8` | `oklch(60.50% 0.0950 286.74)` | Astro Zinger | black, 5.2 to 1 |
| 26 | `#7f74b8` | `oklch(59.66% 0.1035 290.29)` | Purple Hebe | black, 5 to 1 |
| 27 | `#7f6eb8` | `oklch(58.55% 0.1113 293.04)` | Venus Violet | black, 4.8 to 1 |
| 28 | `#7d68b6` | `oklch(57.20% 0.1190 294.91)` | Lavish Spending | white, 4.6 to 1 |
| 29 | `#7b62b5` | `oklch(55.76% 0.1262 296.12)` | Genestealer Purple | white, 4.9 to 1 |
| 30 | `#795cb3` | `oklch(54.37% 0.1326 296.90)` | Simply Purple | white, 5.2 to 1 |
| 31 | `#7657b1` | `oklch(53.19% 0.1379 297.47)` | Simply Purple | white, 5.5 to 1 |
| 32 | `#7554b0` | `oklch(52.36% 0.1419 298.07)` | Royal Lavender | white, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #265c2f 0.0%, #295f32 3.2%, #2c6437 6.5%, #306a3d 9.7%, #357043 12.9%, #39754a 16.1%, #3d7b51 19.4%, #427f59 22.6%, #48825f 25.8%, #4f8566 29.0%, #55886d 32.3%, #5a8a75 35.5%, #5e8c7c 38.7%, #608e84 41.9%, #628f8c 45.2%, #668f94 48.4%, #6b8f9b 51.6%, #708d9f 54.8%, #758ca3 58.1%, #788aa6 61.3%, #7988aa 64.5%, #7a85ae 67.7%, #7b82b2 71.0%, #7c7db6 74.2%, #7e79b8 77.4%, #7f74b8 80.6%, #7f6eb8 83.9%, #7d68b6 87.1%, #7b62b5 90.3%, #795cb3 93.5%, #7657b1 96.8%, #7554b0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(42.52% 0.0923 146.95) 0.0%, oklch(43.67% 0.0926 147.47) 3.2%, oklch(45.27% 0.0932 148.04) 6.5%, oklch(47.17% 0.0938 148.78) 9.7%, oklch(49.18% 0.0940 149.77) 12.9%, oklch(51.13% 0.0934 151.11) 16.1%, oklch(52.85% 0.0915 152.88) 19.4%, oklch(54.31% 0.0878 154.77) 22.6%, oklch(55.70% 0.0823 156.29) 25.8%, oklch(57.03% 0.0756 158.00) 29.0%, oklch(58.25% 0.0687 160.51) 32.3%, oklch(59.35% 0.0621 164.42) 35.5%, oklch(60.30% 0.0568 170.32) 38.7%, oklch(61.08% 0.0529 179.02) 41.9%, oklch(61.74% 0.0491 191.17) 45.2%, oklch(62.26% 0.0458 205.54) 48.4%, oklch(62.65% 0.0435 220.78) 51.6%, oklch(62.90% 0.0426 235.53) 54.8%, oklch(63.00% 0.0437 248.44) 58.1%, oklch(62.95% 0.0473 258.36) 61.3%, oklch(62.74% 0.0541 266.28) 64.5%, oklch(62.37% 0.0633 272.83) 67.7%, oklch(61.87% 0.0739 278.26) 71.0%, oklch(61.24% 0.0848 282.81) 74.2%, oklch(60.50% 0.0950 286.74) 77.4%, oklch(59.66% 0.1035 290.29) 80.6%, oklch(58.55% 0.1113 293.04) 83.9%, oklch(57.20% 0.1190 294.91) 87.1%, oklch(55.76% 0.1262 296.12) 90.3%, oklch(54.37% 0.1326 296.90) 93.5%, oklch(53.19% 0.1379 297.47) 96.8%, oklch(52.36% 0.1419 298.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.092 | 147 |
| 2 | 0.531 | 0.091 | 153.3 |
| 3 | 0.606 | 0.055 | 173.4 |
| 4 | 0.63 | 0.045 | 254.7 |
| 5 | 0.598 | 0.102 | 289.6 |
| 6 | 0.524 | 0.142 | 298.1 |

## In these collections

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

## Other forms

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