# Lavender and emerald jacaranda first bloom palette

The Lavender and emerald jacaranda first bloom palette brings together light purple, purple, blue, teal, and green. The colors span a narrow 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 purple.

- Also called: Tritone lavender, blue and teal linear gradient
- Seed: `kavlXgVzW_k63PzHrr6xRw9cmSt7RozpA`
- Page: https://grabient.com/kavlXgVzW_k63PzHrr6xRw9cmSt7RozpA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#c996e0` | `oklch(74.80% 0.1171 315.00)` | Somewhere in a Fairytale | black, 8.9 to 1 |
| 2 | `#c793e0` | `oklch(73.99% 0.1215 314.63)` | Bright Lavender | black, 8.6 to 1 |
| 3 | `#c48edf` | `oklch(72.84% 0.1279 314.15)` | Luminous Lavender | black, 8.2 to 1 |
| 4 | `#c188de` | `oklch(71.49% 0.1350 313.55)` | Purception | black, 7.8 to 1 |
| 5 | `#bd83dd` | `oklch(70.08% 0.1418 312.82)` | Lavender Blossom | black, 7.4 to 1 |
| 6 | `#b97ddc` | `oklch(68.72% 0.1468 311.98)` | Lavender Blossom | black, 7 to 1 |
| 7 | `#b479da` | `oklch(67.43% 0.1499 311.03)` | Lavender Blossom | black, 6.6 to 1 |
| 8 | `#af75d7` | `oklch(66.11% 0.1520 309.99)` | Lavender | black, 6.3 to 1 |
| 9 | `#a971d5` | `oklch(64.78% 0.1530 308.82)` | Rich Lavender | black, 6 to 1 |
| 10 | `#a46ed2` | `oklch(63.46% 0.1531 307.50)` | Rich Lavender | black, 5.7 to 1 |
| 11 | `#9e6bce` | `oklch(62.21% 0.1521 306.02)` | Amethyst | black, 5.4 to 1 |
| 12 | `#9869cb` | `oklch(61.02% 0.1501 304.41)` | Amethyst | black, 5.2 to 1 |
| 13 | `#9267c7` | `oklch(59.82% 0.1470 302.77)` | Amethyst | black, 4.9 to 1 |
| 14 | `#8b65c3` | `oklch(58.67% 0.1429 300.97)` | Lavish Spending | black, 4.7 to 1 |
| 15 | `#8564be` | `oklch(57.61% 0.1378 298.89)` | Lavish Spending | white, 4.6 to 1 |
| 16 | `#7f64ba` | `oklch(56.69% 0.1316 296.38)` | Lavish Spending | white, 4.7 to 1 |
| 17 | `#7864b6` | `oklch(55.95% 0.1242 293.50)` | Ultra Violet | white, 4.8 to 1 |
| 18 | `#7365b0` | `oklch(55.30% 0.1146 291.01)` | Genestealer Purple | white, 4.9 to 1 |
| 19 | `#6f66aa` | `oklch(54.79% 0.1038 288.31)` | Scampi | white, 5 to 1 |
| 20 | `#6a68a4` | `oklch(54.43% 0.0927 284.57)` | Inner Journey | white, 5 to 1 |
| 21 | `#656a9f` | `oklch(54.29% 0.0827 278.97)` | Dusted Peri | white, 5 to 1 |
| 22 | `#5f6e9c` | `oklch(54.40% 0.0746 270.62)` | Moonshade | white, 5 to 1 |
| 23 | `#597298` | `oklch(54.79% 0.0669 258.69)` | Clean Slate | white, 4.8 to 1 |
| 24 | `#547794` | `oklch(55.40% 0.0597 244.35)` | Beach View | white, 4.7 to 1 |
| 25 | `#537b8f` | `oklch(56.19% 0.0540 229.13)` | Cayman Bay | black, 4.6 to 1 |
| 26 | `#54808a` | `oklch(57.09% 0.0509 214.56)` | Cape Lee | black, 4.8 to 1 |
| 27 | `#558487` | `oklch(58.04% 0.0514 202.15)` | Rainier Blue | black, 5 to 1 |
| 28 | `#548986` | `oklch(59.23% 0.0573 190.86)` | Evora | black, 5.3 to 1 |
| 29 | `#529084` | `oklch(60.64% 0.0673 180.10)` | Spa Green | black, 5.6 to 1 |
| 30 | `#51967f` | `oklch(62.07% 0.0789 170.42)` | Crisp Lettuce | black, 6 to 1 |
| 31 | `#539b7a` | `oklch(63.31% 0.0894 162.36)` | Natural Orchestra | black, 6.3 to 1 |
| 32 | `#579e74` | `oklch(64.17% 0.0965 156.49)` | Sea Cabbage | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c996e0 0.0%, #c793e0 3.2%, #c48edf 6.5%, #c188de 9.7%, #bd83dd 12.9%, #b97ddc 16.1%, #b479da 19.4%, #af75d7 22.6%, #a971d5 25.8%, #a46ed2 29.0%, #9e6bce 32.3%, #9869cb 35.5%, #9267c7 38.7%, #8b65c3 41.9%, #8564be 45.2%, #7f64ba 48.4%, #7864b6 51.6%, #7365b0 54.8%, #6f66aa 58.1%, #6a68a4 61.3%, #656a9f 64.5%, #5f6e9c 67.7%, #597298 71.0%, #547794 74.2%, #537b8f 77.4%, #54808a 80.6%, #558487 83.9%, #548986 87.1%, #529084 90.3%, #51967f 93.5%, #539b7a 96.8%, #579e74 100.0%);
background: linear-gradient(90deg in oklch, oklch(74.80% 0.1171 315.00) 0.0%, oklch(73.99% 0.1215 314.63) 3.2%, oklch(72.84% 0.1279 314.15) 6.5%, oklch(71.49% 0.1350 313.55) 9.7%, oklch(70.08% 0.1418 312.82) 12.9%, oklch(68.72% 0.1468 311.98) 16.1%, oklch(67.43% 0.1499 311.03) 19.4%, oklch(66.11% 0.1520 309.99) 22.6%, oklch(64.78% 0.1530 308.82) 25.8%, oklch(63.46% 0.1531 307.50) 29.0%, oklch(62.21% 0.1521 306.02) 32.3%, oklch(61.02% 0.1501 304.41) 35.5%, oklch(59.82% 0.1470 302.77) 38.7%, oklch(58.67% 0.1429 300.97) 41.9%, oklch(57.61% 0.1378 298.89) 45.2%, oklch(56.69% 0.1316 296.38) 48.4%, oklch(55.95% 0.1242 293.50) 51.6%, oklch(55.30% 0.1146 291.01) 54.8%, oklch(54.79% 0.1038 288.31) 58.1%, oklch(54.43% 0.0927 284.57) 61.3%, oklch(54.29% 0.0827 278.97) 64.5%, oklch(54.40% 0.0746 270.62) 67.7%, oklch(54.79% 0.0669 258.69) 71.0%, oklch(55.40% 0.0597 244.35) 74.2%, oklch(56.19% 0.0540 229.13) 77.4%, oklch(57.09% 0.0509 214.56) 80.6%, oklch(58.04% 0.0514 202.15) 83.9%, oklch(59.23% 0.0573 190.86) 87.1%, oklch(60.64% 0.0673 180.10) 90.3%, oklch(62.07% 0.0789 170.42) 93.5%, oklch(63.31% 0.0894 162.36) 96.8%, oklch(64.17% 0.0965 156.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.117 | 315 |
| 2 | 0.685 | 0.147 | 311.8 |
| 3 | 0.618 | 0.152 | 305.5 |
| 4 | 0.563 | 0.128 | 294.9 |
| 5 | 0.543 | 0.077 | 273.8 |
| 6 | 0.579 | 0.051 | 204 |
| 7 | 0.642 | 0.096 | 156.5 |

## In these collections

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

## Other forms

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