# Blue and gold jacaranda first bloom palette

The Blue and gold jacaranda first bloom palette brings together blue, light magenta, and light orange. The colors span a broad 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 orange.

- Also called: Analogous navy, lavender and gray linear gradient
- Seed: `kYThSwuBTAskeQdXnkG4g3EOeQzc`
- Page: https://grabient.com/kYThSwuBTAskeQdXnkG4g3EOeQzc?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#25313d` | `oklch(30.71% 0.0276 248.20)` | Blue-Black | white, 13.2 to 1 |
| 2 | `#273542` | `oklch(32.11% 0.0306 248.76)` | Tahitian Pearl | white, 12.6 to 1 |
| 3 | `#2a3a4a` | `oklch(34.04% 0.0348 249.44)` | Craft | white, 11.7 to 1 |
| 4 | `#2e4052` | `oklch(36.32% 0.0399 250.29)` | Waterhen Back | white, 10.6 to 1 |
| 5 | `#32465c` | `oklch(38.80% 0.0453 251.33)` | Spelunking | white, 9.6 to 1 |
| 6 | `#374d66` | `oklch(41.30% 0.0506 252.62)` | Rain Boots | white, 8.6 to 1 |
| 7 | `#3c5370` | `oklch(43.66% 0.0556 254.19)` | Albeit | white, 7.8 to 1 |
| 8 | `#415979` | `oklch(45.84% 0.0602 256.13)` | Carter’s Scroll | white, 7.1 to 1 |
| 9 | `#475f83` | `oklch(48.04% 0.0651 258.48)` | Climate Control | white, 6.5 to 1 |
| 10 | `#4d648c` | `oklch(50.25% 0.0700 261.12)` | Sea of Galilee | white, 5.9 to 1 |
| 11 | `#546a96` | `oklch(52.44% 0.0746 263.90)` | UCLA Blue | white, 5.4 to 1 |
| 12 | `#5b6f9f` | `oklch(54.59% 0.0786 266.70)` | Moonshade | white, 4.9 to 1 |
| 13 | `#6374a7` | `oklch(56.67% 0.0817 269.38)` | Sudden Sapphire | black, 4.5 to 1 |
| 14 | `#6a79af` | `oklch(58.68% 0.0839 271.78)` | Regal Azure | black, 4.9 to 1 |
| 15 | `#727eb6` | `oklch(60.64% 0.0857 273.77)` | Astro Zinger | black, 5.3 to 1 |
| 16 | `#7983bc` | `oklch(62.57% 0.0868 275.59)` | Deep Periwinkle | black, 5.8 to 1 |
| 17 | `#8088c2` | `oklch(64.43% 0.0872 277.55)` | True Lavender | black, 6.2 to 1 |
| 18 | `#888dc7` | `oklch(66.22% 0.0866 279.90)` | Bailey Bells | black, 6.6 to 1 |
| 19 | `#9092cb` | `oklch(67.93% 0.0846 282.93)` | Fast Velvet | black, 7.1 to 1 |
| 20 | `#9996cd` | `oklch(69.53% 0.0809 286.75)` | Bluebell Frost | black, 7.5 to 1 |
| 21 | `#a19acd` | `oklch(71.06% 0.0744 290.27)` | Grape Arbour | black, 8 to 1 |
| 22 | `#a89fcc` | `oklch(72.51% 0.0659 293.82)` | Imperial Lilac | black, 8.4 to 1 |
| 23 | `#aea3ca` | `oklch(73.88% 0.0566 298.19)` | Puturple | black, 8.9 to 1 |
| 24 | `#b5a7c8` | `oklch(75.15% 0.0478 304.11)` | Pixieland | black, 9.3 to 1 |
| 25 | `#bbabc5` | `oklch(76.31% 0.0408 312.35)` | Fancy Pansy | black, 9.7 to 1 |
| 26 | `#c1aec3` | `oklch(77.37% 0.0367 323.73)` | Lavish Lavender | black, 10.1 to 1 |
| 27 | `#c9b0bf` | `oklch(78.32% 0.0355 340.47)` | Maverick | black, 10.4 to 1 |
| 28 | `#d0b2b9` | `oklch(79.17% 0.0365 1.50)` | Candlelight Dinner | black, 10.7 to 1 |
| 29 | `#d6b4b1` | `oklch(79.92% 0.0388 24.30)` | Oyster Pink | black, 11 to 1 |
| 30 | `#d7b8a9` | `oklch(80.56% 0.0415 46.39)` | Alpaca Mittens | black, 11.3 to 1 |
| 31 | `#d6bca4` | `oklch(81.09% 0.0440 65.27)` | Esplanade | black, 11.5 to 1 |
| 32 | `#d3c0a2` | `oklch(81.50% 0.0455 78.42)` | Dune | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #25313d 0.0%, #273542 3.2%, #2a3a4a 6.5%, #2e4052 9.7%, #32465c 12.9%, #374d66 16.1%, #3c5370 19.4%, #415979 22.6%, #475f83 25.8%, #4d648c 29.0%, #546a96 32.3%, #5b6f9f 35.5%, #6374a7 38.7%, #6a79af 41.9%, #727eb6 45.2%, #7983bc 48.4%, #8088c2 51.6%, #888dc7 54.8%, #9092cb 58.1%, #9996cd 61.3%, #a19acd 64.5%, #a89fcc 67.7%, #aea3ca 71.0%, #b5a7c8 74.2%, #bbabc5 77.4%, #c1aec3 80.6%, #c9b0bf 83.9%, #d0b2b9 87.1%, #d6b4b1 90.3%, #d7b8a9 93.5%, #d6bca4 96.8%, #d3c0a2 100.0%);
background: linear-gradient(45deg in oklch, oklch(30.71% 0.0276 248.20) 0.0%, oklch(32.11% 0.0306 248.76) 3.2%, oklch(34.04% 0.0348 249.44) 6.5%, oklch(36.32% 0.0399 250.29) 9.7%, oklch(38.80% 0.0453 251.33) 12.9%, oklch(41.30% 0.0506 252.62) 16.1%, oklch(43.66% 0.0556 254.19) 19.4%, oklch(45.84% 0.0602 256.13) 22.6%, oklch(48.04% 0.0651 258.48) 25.8%, oklch(50.25% 0.0700 261.12) 29.0%, oklch(52.44% 0.0746 263.90) 32.3%, oklch(54.59% 0.0786 266.70) 35.5%, oklch(56.67% 0.0817 269.38) 38.7%, oklch(58.68% 0.0839 271.78) 41.9%, oklch(60.64% 0.0857 273.77) 45.2%, oklch(62.57% 0.0868 275.59) 48.4%, oklch(64.43% 0.0872 277.55) 51.6%, oklch(66.22% 0.0866 279.90) 54.8%, oklch(67.93% 0.0846 282.93) 58.1%, oklch(69.53% 0.0809 286.75) 61.3%, oklch(71.06% 0.0744 290.27) 64.5%, oklch(72.51% 0.0659 293.82) 67.7%, oklch(73.88% 0.0566 298.19) 71.0%, oklch(75.15% 0.0478 304.11) 74.2%, oklch(76.31% 0.0408 312.35) 77.4%, oklch(77.37% 0.0367 323.73) 80.6%, oklch(78.32% 0.0355 340.47) 83.9%, oklch(79.17% 0.0365 1.50) 87.1%, oklch(79.92% 0.0388 24.30) 90.3%, oklch(80.56% 0.0415 46.39) 93.5%, oklch(81.09% 0.0440 65.27) 96.8%, oklch(81.50% 0.0455 78.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.028 | 248.2 |
| 2 | 0.441 | 0.056 | 254.5 |
| 3 | 0.575 | 0.083 | 270.4 |
| 4 | 0.689 | 0.083 | 285.2 |
| 5 | 0.772 | 0.037 | 321.1 |
| 6 | 0.815 | 0.045 | 438.4 |

## In these collections

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

## Other forms

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