# Cobalt blue and coral jacaranda first bloom

The Cobalt blue and coral jacaranda first bloom brings together blue, magenta, red, and light red. 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 red.

- Also called: Blue, purple and pink radial gradient
- Seed: `karVmwzSnBUebw3KG0b0yNC9yfQJkj79A`
- Page: https://grabient.com/karVmwzSnBUebw3KG0b0yNC9yfQJkj79A?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#569ee0` | `oklch(68.11% 0.1226 248.20)` | Perfect Days | black, 7.3 to 1 |
| 2 | `#559add` | `oklch(67.09% 0.1220 249.45)` | Flax Flower Blue | black, 7 to 1 |
| 3 | `#5495d9` | `oklch(65.61% 0.1214 251.03)` | Flax Flower Blue | black, 6.6 to 1 |
| 4 | `#538fd3` | `oklch(63.93% 0.1204 253.09)` | Blue Dart | black, 6.2 to 1 |
| 5 | `#5489cd` | `oklch(62.25% 0.1185 255.76)` | Berlin Blue | black, 5.8 to 1 |
| 6 | `#5783c7` | `oklch(60.83% 0.1151 259.18)` | Astro Nautico | black, 5.4 to 1 |
| 7 | `#5c7ec1` | `oklch(59.68% 0.1095 263.26)` | Blue Iolite | black, 5.2 to 1 |
| 8 | `#6279b9` | `oklch(58.60% 0.1014 267.80)` | Ultramarine Blue | black, 4.9 to 1 |
| 9 | `#6775b0` | `oklch(57.65% 0.0924 273.04)` | Regal Azure | black, 4.7 to 1 |
| 10 | `#6d72a8` | `oklch(56.89% 0.0839 279.24)` | Mountain Flower Mauve | black, 4.6 to 1 |
| 11 | `#726fa1` | `oklch(56.39% 0.0773 286.64)` | Purple Spire | white, 4.6 to 1 |
| 12 | `#796c9c` | `oklch(56.21% 0.0736 295.85)` | Toy Mauve | white, 4.7 to 1 |
| 13 | `#816a96` | `oklch(56.29% 0.0718 307.51)` | Ornate | white, 4.7 to 1 |
| 14 | `#896990` | `oklch(56.60% 0.0713 320.35)` | Poetry Mauve | white, 4.6 to 1 |
| 15 | `#92688a` | `oklch(57.13% 0.0720 333.00)` | Chinese Violet | white, 4.6 to 1 |
| 16 | `#996885` | `oklch(57.85% 0.0735 344.08)` | Rust Magenta | black, 4.6 to 1 |
| 17 | `#a06a81` | `oklch(58.75% 0.0758 352.47)` | Penelope Pink | black, 4.8 to 1 |
| 18 | `#a76c7f` | `oklch(59.94% 0.0801 359.03)` | Black Elder | black, 5 to 1 |
| 19 | `#b06e7e` | `oklch(61.34% 0.0856 4.26)` | Shade of Mauve | black, 5.3 to 1 |
| 20 | `#b8717e` | `oklch(62.86% 0.0910 8.45)` | Hollyhock Bloom | black, 5.7 to 1 |
| 21 | `#c0747e` | `oklch(64.38% 0.0951 11.91)` | Cinnamon Roll | black, 6 to 1 |
| 22 | `#c6787f` | `oklch(65.83% 0.0967 14.88)` | Begonia Rose | black, 6.4 to 1 |
| 23 | `#cb7d81` | `oklch(67.29% 0.0967 17.01)` | Dirty Pink | black, 6.7 to 1 |
| 24 | `#cf8284` | `oklch(68.77% 0.0955 18.30)` | Galah | black, 7.1 to 1 |
| 25 | `#d38788` | `oklch(70.25% 0.0930 18.96)` | Doric Pink | black, 7.6 to 1 |
| 26 | `#d68d8d` | `oklch(71.69% 0.0894 19.21)` | Pink Slip | black, 8 to 1 |
| 27 | `#d89393` | `oklch(73.06% 0.0845 19.23)` | Pink Clay Pot | black, 8.4 to 1 |
| 28 | `#d99999` | `oklch(74.46% 0.0771 18.66)` | Blushing Bud | black, 8.9 to 1 |
| 29 | `#d8a0a1` | `oklch(75.88% 0.0676 17.50)` | Rosetti Pink | black, 9.4 to 1 |
| 30 | `#d7a7a8` | `oklch(77.21% 0.0576 16.10)` | Silver Pink | black, 9.9 to 1 |
| 31 | `#d6acae` | `oklch(78.33% 0.0488 14.81)` | Pale Persimmon | black, 10.3 to 1 |
| 32 | `#d5b0b3` | `oklch(79.13% 0.0427 13.96)` | Radiant Rouge | black, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #569ee0 0.0%, #559add 3.2%, #5495d9 6.5%, #538fd3 9.7%, #5489cd 12.9%, #5783c7 16.1%, #5c7ec1 19.4%, #6279b9 22.6%, #6775b0 25.8%, #6d72a8 29.0%, #726fa1 32.3%, #796c9c 35.5%, #816a96 38.7%, #896990 41.9%, #92688a 45.2%, #996885 48.4%, #a06a81 51.6%, #a76c7f 54.8%, #b06e7e 58.1%, #b8717e 61.3%, #c0747e 64.5%, #c6787f 67.7%, #cb7d81 71.0%, #cf8284 74.2%, #d38788 77.4%, #d68d8d 80.6%, #d89393 83.9%, #d99999 87.1%, #d8a0a1 90.3%, #d7a7a8 93.5%, #d6acae 96.8%, #d5b0b3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.11% 0.1226 248.20) 0.0%, oklch(67.09% 0.1220 249.45) 3.2%, oklch(65.61% 0.1214 251.03) 6.5%, oklch(63.93% 0.1204 253.09) 9.7%, oklch(62.25% 0.1185 255.76) 12.9%, oklch(60.83% 0.1151 259.18) 16.1%, oklch(59.68% 0.1095 263.26) 19.4%, oklch(58.60% 0.1014 267.80) 22.6%, oklch(57.65% 0.0924 273.04) 25.8%, oklch(56.89% 0.0839 279.24) 29.0%, oklch(56.39% 0.0773 286.64) 32.3%, oklch(56.21% 0.0736 295.85) 35.5%, oklch(56.29% 0.0718 307.51) 38.7%, oklch(56.60% 0.0713 320.35) 41.9%, oklch(57.13% 0.0720 333.00) 45.2%, oklch(57.85% 0.0735 344.08) 48.4%, oklch(58.75% 0.0758 352.47) 51.6%, oklch(59.94% 0.0801 359.03) 54.8%, oklch(61.34% 0.0856 4.26) 58.1%, oklch(62.86% 0.0910 8.45) 61.3%, oklch(64.38% 0.0951 11.91) 64.5%, oklch(65.83% 0.0967 14.88) 67.7%, oklch(67.29% 0.0967 17.01) 71.0%, oklch(68.77% 0.0955 18.30) 74.2%, oklch(70.25% 0.0930 18.96) 77.4%, oklch(71.69% 0.0894 19.21) 80.6%, oklch(73.06% 0.0845 19.23) 83.9%, oklch(74.46% 0.0771 18.66) 87.1%, oklch(75.88% 0.0676 17.50) 90.3%, oklch(77.21% 0.0576 16.10) 93.5%, oklch(78.33% 0.0488 14.81) 96.8%, oklch(79.13% 0.0427 13.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.123 | 248.2 |
| 2 | 0.606 | 0.114 | 259.8 |
| 3 | 0.563 | 0.076 | 289.4 |
| 4 | 0.583 | 0.074 | 348.6 |
| 5 | 0.654 | 0.096 | 374 |
| 6 | 0.728 | 0.085 | 379.2 |
| 7 | 0.791 | 0.043 | 374 |

## In these collections

- [Cape daisy sea breeze](https://grabient.com/cape-daisy-sea-breeze)
- [Jacaranda first bloom](https://grabient.com/jacaranda-first-bloom)

## Other forms

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