# Gold and dusty blue jacaranda first bloom

The Gold and dusty blue jacaranda first bloom brings together light yellow, light teal, light blue, and blue. 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 teal.

- Also called: Gray to blue linear gradient
- Seed: `kW0i1DaZPJ2AjRfPqcJQ5zCo`
- Page: https://grabient.com/kW0i1DaZPJ2AjRfPqcJQ5zCo?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, cool
- Hues: analogous
- 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 | `#d3c699` | `oklch(82.68% 0.0620 94.22)` | Parsnip | black, 12.3 to 1 |
| 2 | `#cfc89b` | `oklch(82.77% 0.0610 101.14)` | Shagreen | black, 12.4 to 1 |
| 3 | `#c8cb9f` | `oklch(82.95% 0.0592 110.64)` | Dancing Kite | black, 12.5 to 1 |
| 4 | `#c1cea5` | `oklch(83.16% 0.0571 121.97)` | Landscape | black, 12.6 to 1 |
| 5 | `#bad1ad` | `oklch(83.36% 0.0550 134.37)` | Jardin | black, 12.8 to 1 |
| 6 | `#b3d3b5` | `oklch(83.50% 0.0532 147.11)` | Enchanted Meadow | black, 12.8 to 1 |
| 7 | `#add4bd` | `oklch(83.51% 0.0523 159.42)` | Enchanted Meadow | black, 12.9 to 1 |
| 8 | `#a7d4c4` | `oklch(83.34% 0.0526 170.56)` | Southern Belle | black, 12.8 to 1 |
| 9 | `#a1d3c8` | `oklch(82.95% 0.0544 179.85)` | Refresh | black, 12.7 to 1 |
| 10 | `#9ad2cc` | `oklch(82.37% 0.0580 188.08)` | Fountain City | black, 12.4 to 1 |
| 11 | `#92d0d0` | `oklch(81.64% 0.0632 195.74)` | Bora Bora Shore | black, 12.1 to 1 |
| 12 | `#89ced4` | `oklch(80.77% 0.0693 202.85)` | Sky Watch | black, 11.8 to 1 |
| 13 | `#81cbd8` | `oklch(79.78% 0.0760 209.43)` | Spray | black, 11.4 to 1 |
| 14 | `#78c7db` | `oklch(78.69% 0.0827 215.49)` | Water Flow | black, 11 to 1 |
| 15 | `#71c3de` | `oklch(77.50% 0.0890 221.03)` | Candid Blue | black, 10.5 to 1 |
| 16 | `#6bbee0` | `oklch(76.24% 0.0943 226.08)` | Bff Blue | black, 10 to 1 |
| 17 | `#67b9e0` | `oklch(74.90% 0.0984 230.58)` | Malibu | black, 9.6 to 1 |
| 18 | `#62b3e0` | `oklch(73.37% 0.1023 234.19)` | Xavier Blue | black, 9 to 1 |
| 19 | `#5dadde` | `oklch(71.68% 0.1060 237.06)` | Acapulco Dive | black, 8.5 to 1 |
| 20 | `#57a7db` | `oklch(69.90% 0.1092 239.40)` | Blue Astro | black, 7.9 to 1 |
| 21 | `#52a1d7` | `oklch(68.08% 0.1119 241.43)` | Waimea Blue | black, 7.4 to 1 |
| 22 | `#4e9ad3` | `oklch(66.28% 0.1138 243.36)` | Blue Tourmaline | black, 6.9 to 1 |
| 23 | `#4b94cf` | `oklch(64.55% 0.1148 245.42)` | Delphinium Corsage | black, 6.4 to 1 |
| 24 | `#4b8ecb` | `oklch(62.97% 0.1146 247.82)` | Blue Dart | black, 6 to 1 |
| 25 | `#4d88c6` | `oklch(61.50% 0.1129 250.73)` | Blue Sonki | black, 5.6 to 1 |
| 26 | `#5083c0` | `oklch(60.04% 0.1092 254.00)` | Blue Vault | black, 5.3 to 1 |
| 27 | `#537db9` | `oklch(58.60% 0.1042 257.46)` | Woad Blue | black, 5 to 1 |
| 28 | `#5678b2` | `oklch(57.23% 0.0983 260.95)` | Sapphire Shimmer Blue | black, 4.7 to 1 |
| 29 | `#5973ab` | `oklch(55.96% 0.0923 264.30)` | Dormitory | white, 4.6 to 1 |
| 30 | `#5b6fa4` | `oklch(54.83% 0.0866 267.33)` | Splendour and Pride | white, 4.9 to 1 |
| 31 | `#5c6c9e` | `oklch(53.88% 0.0818 269.87)` | Moonshade | white, 5.1 to 1 |
| 32 | `#5c699a` | `oklch(53.15% 0.0785 271.75)` | Moonshade | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d3c699 0.0%, #cfc89b 3.2%, #c8cb9f 6.5%, #c1cea5 9.7%, #bad1ad 12.9%, #b3d3b5 16.1%, #add4bd 19.4%, #a7d4c4 22.6%, #a1d3c8 25.8%, #9ad2cc 29.0%, #92d0d0 32.3%, #89ced4 35.5%, #81cbd8 38.7%, #78c7db 41.9%, #71c3de 45.2%, #6bbee0 48.4%, #67b9e0 51.6%, #62b3e0 54.8%, #5dadde 58.1%, #57a7db 61.3%, #52a1d7 64.5%, #4e9ad3 67.7%, #4b94cf 71.0%, #4b8ecb 74.2%, #4d88c6 77.4%, #5083c0 80.6%, #537db9 83.9%, #5678b2 87.1%, #5973ab 90.3%, #5b6fa4 93.5%, #5c6c9e 96.8%, #5c699a 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.68% 0.0620 94.22) 0.0%, oklch(82.77% 0.0610 101.14) 3.2%, oklch(82.95% 0.0592 110.64) 6.5%, oklch(83.16% 0.0571 121.97) 9.7%, oklch(83.36% 0.0550 134.37) 12.9%, oklch(83.50% 0.0532 147.11) 16.1%, oklch(83.51% 0.0523 159.42) 19.4%, oklch(83.34% 0.0526 170.56) 22.6%, oklch(82.95% 0.0544 179.85) 25.8%, oklch(82.37% 0.0580 188.08) 29.0%, oklch(81.64% 0.0632 195.74) 32.3%, oklch(80.77% 0.0693 202.85) 35.5%, oklch(79.78% 0.0760 209.43) 38.7%, oklch(78.69% 0.0827 215.49) 41.9%, oklch(77.50% 0.0890 221.03) 45.2%, oklch(76.24% 0.0943 226.08) 48.4%, oklch(74.90% 0.0984 230.58) 51.6%, oklch(73.37% 0.1023 234.19) 54.8%, oklch(71.68% 0.1060 237.06) 58.1%, oklch(69.90% 0.1092 239.40) 61.3%, oklch(68.08% 0.1119 241.43) 64.5%, oklch(66.28% 0.1138 243.36) 67.7%, oklch(64.55% 0.1148 245.42) 71.0%, oklch(62.97% 0.1146 247.82) 74.2%, oklch(61.50% 0.1129 250.73) 77.4%, oklch(60.04% 0.1092 254.00) 80.6%, oklch(58.60% 0.1042 257.46) 83.9%, oklch(57.23% 0.0983 260.95) 87.1%, oklch(55.96% 0.0923 264.30) 90.3%, oklch(54.83% 0.0866 267.33) 93.5%, oklch(53.88% 0.0818 269.87) 96.8%, oklch(53.15% 0.0785 271.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.062 | 94.2 |
| 2 | 0.831 | 0.054 | 177.7 |
| 3 | 0.756 | 0.096 | 228.4 |
| 4 | 0.626 | 0.114 | 248.5 |
| 5 | 0.531 | 0.079 | 271.8 |

## In these collections

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

## Other forms

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