# Indigo, stone and moss jacaranda first bloom

The Indigo, stone and moss jacaranda first bloom brings together blue, purple, light red, light yellow, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Purple, pink, tan and green linear swatches
- Seed: `kYbETOxCG_9gTwxnjkkaxZG2GfQ2`
- Page: https://grabient.com/kYbETOxCG_9gTwxnjkkaxZG2GfQ2?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#4f447e` | `oklch(42.52% 0.0937 290.39)` | Fresh Eggplant | white, 8.5 to 1 |
| 2 | `#6d639f` | `oklch(53.54% 0.0923 290.39)` | Scampi | white, 5.3 to 1 |
| 3 | `#aa92b3` | `oklch(69.29% 0.0537 316.81)` | Glossy Grape | black, 7.4 to 1 |
| 4 | `#dabab2` | `oklch(81.50% 0.0386 33.95)` | Rose Yoghurt | black, 11.6 to 1 |
| 5 | `#d9cb9f` | `oklch(84.25% 0.0606 92.07)` | Ground Ginger | black, 12.9 to 1 |
| 6 | `#aabc7f` | `oklch(76.77% 0.0854 121.66)` | Margarita | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #4f447e 0.000% 16.667%, #6d639f 16.667% 33.333%, #aa92b3 33.333% 50.000%, #dabab2 50.000% 66.667%, #d9cb9f 66.667% 83.333%, #aabc7f 83.333% 100.000%);
background: linear-gradient(180deg, oklch(42.52% 0.0937 290.39) 0.000% 16.667%, oklch(53.54% 0.0923 290.39) 16.667% 33.333%, oklch(69.29% 0.0537 316.81) 33.333% 50.000%, oklch(81.50% 0.0386 33.95) 50.000% 66.667%, oklch(84.25% 0.0606 92.07) 66.667% 83.333%, oklch(76.77% 0.0854 121.66) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.094 | 290.4 |
| 2 | 0.535 | 0.092 | 290.4 |
| 3 | 0.693 | 0.054 | 316.8 |
| 4 | 0.815 | 0.039 | 394 |
| 5 | 0.843 | 0.061 | 452.1 |
| 6 | 0.768 | 0.085 | 481.7 |

## In these collections

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

## Other forms

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