# Cobalt blue and terracotta coastal rockpool spring

The Cobalt blue and terracotta coastal rockpool spring brings together blue, purple, red, and light orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Tritone blue, purple and tan radial gradient
- Seed: `kYdHC4sa_A7QcRNCnke0yTC16ewa`
- Page: https://grabient.com/kYdHC4sa_A7QcRNCnke0yTC16ewa?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.3 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 | `#1952ab` | `oklch(45.67% 0.1543 259.45)` | Aarhusian Sky | white, 7.3 to 1 |
| 2 | `#1a50a7` | `oklch(44.87% 0.1522 259.98)` | Ruri Blue | white, 7.6 to 1 |
| 3 | `#194ca2` | `oklch(43.70% 0.1496 260.40)` | Sea of Tears | white, 8 to 1 |
| 4 | `#19489c` | `oklch(42.34% 0.1463 261.02)` | Space Explorer | white, 8.5 to 1 |
| 5 | `#1b4496` | `oklch(40.98% 0.1424 262.14)` | Space Explorer | white, 9 to 1 |
| 6 | `#1f4090` | `oklch(39.83% 0.1377 264.08)` | Blue Oblivion | white, 9.5 to 1 |
| 7 | `#263d8b` | `oklch(39.06% 0.1321 267.14)` | Navy Seal | white, 9.8 to 1 |
| 8 | `#2e3c86` | `oklch(38.74% 0.1250 271.45)` | Official Violet | white, 10 to 1 |
| 9 | `#363a80` | `oklch(38.63% 0.1157 276.75)` | Evening Magic | white, 10 to 1 |
| 10 | `#3e3a7a` | `oklch(38.75% 0.1054 282.94)` | Sage Violet | white, 10 to 1 |
| 11 | `#453b74` | `oklch(39.10% 0.0951 289.90)` | Sage Violet | white, 9.8 to 1 |
| 12 | `#4c3c6f` | `oklch(39.69% 0.0859 297.52)` | Succinct Violet | white, 9.6 to 1 |
| 13 | `#543d6b` | `oklch(40.53% 0.0790 305.71)` | Succinct Violet | white, 9.3 to 1 |
| 14 | `#5b3f68` | `oklch(41.67% 0.0753 314.68)` | Kikyō Purple | white, 8.8 to 1 |
| 15 | `#654166` | `oklch(43.18% 0.0741 325.32)` | Purple Odyssey | white, 8.3 to 1 |
| 16 | `#704564` | `oklch(44.98% 0.0747 336.98)` | Wizard Time | white, 7.7 to 1 |
| 17 | `#7b4862` | `oklch(46.98% 0.0765 348.84)` | Princely | white, 7.1 to 1 |
| 18 | `#854d5f` | `oklch(49.07% 0.0789 0.06)` | Hawthorn Rose | white, 6.5 to 1 |
| 19 | `#8e525c` | `oklch(51.16% 0.0814 9.82)` | Fragrant Cherry | white, 5.9 to 1 |
| 20 | `#97585a` | `oklch(53.16% 0.0835 17.39)` | Baca Berry | white, 5.4 to 1 |
| 21 | `#9f5d5a` | `oklch(55.27% 0.0866 23.10)` | Rhode Island Red | white, 5 to 1 |
| 22 | `#a8635b` | `oklch(57.46% 0.0903 27.48)` | Dried Tomatoes | black, 4.5 to 1 |
| 23 | `#b0695c` | `oklch(59.67% 0.0941 30.92)` | Peach Dunes | black, 5 to 1 |
| 24 | `#b96f5e` | `oklch(61.82% 0.0975 33.82)` | Spiced | black, 5.4 to 1 |
| 25 | `#c07560` | `oklch(63.86% 0.0999 36.57)` | Caribbean Coral | black, 5.9 to 1 |
| 26 | `#c67b62` | `oklch(65.71% 0.1006 39.57)` | Gold Pheasant | black, 6.4 to 1 |
| 27 | `#ca8265` | `oklch(67.49% 0.0993 42.63)` | Cabana Melon | black, 6.8 to 1 |
| 28 | `#ce8969` | `oklch(69.23% 0.0966 45.50)` | Subdued Sienna | black, 7.3 to 1 |
| 29 | `#d18f6d` | `oklch(70.85% 0.0931 48.11)` | Cinnamon Brandy | black, 7.8 to 1 |
| 30 | `#d39572` | `oklch(72.30% 0.0894 50.40)` | Tawny Amber | black, 8.3 to 1 |
| 31 | `#d59a76` | `oklch(73.51% 0.0862 52.30)` | Laredo | black, 8.7 to 1 |
| 32 | `#d79e79` | `oklch(74.41% 0.0841 53.74)` | Soft Leather | black, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1952ab 0.0%, #1a50a7 3.2%, #194ca2 6.5%, #19489c 9.7%, #1b4496 12.9%, #1f4090 16.1%, #263d8b 19.4%, #2e3c86 22.6%, #363a80 25.8%, #3e3a7a 29.0%, #453b74 32.3%, #4c3c6f 35.5%, #543d6b 38.7%, #5b3f68 41.9%, #654166 45.2%, #704564 48.4%, #7b4862 51.6%, #854d5f 54.8%, #8e525c 58.1%, #97585a 61.3%, #9f5d5a 64.5%, #a8635b 67.7%, #b0695c 71.0%, #b96f5e 74.2%, #c07560 77.4%, #c67b62 80.6%, #ca8265 83.9%, #ce8969 87.1%, #d18f6d 90.3%, #d39572 93.5%, #d59a76 96.8%, #d79e79 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(45.67% 0.1543 259.45) 0.0%, oklch(44.87% 0.1522 259.98) 3.2%, oklch(43.70% 0.1496 260.40) 6.5%, oklch(42.34% 0.1463 261.02) 9.7%, oklch(40.98% 0.1424 262.14) 12.9%, oklch(39.83% 0.1377 264.08) 16.1%, oklch(39.06% 0.1321 267.14) 19.4%, oklch(38.74% 0.1250 271.45) 22.6%, oklch(38.63% 0.1157 276.75) 25.8%, oklch(38.75% 0.1054 282.94) 29.0%, oklch(39.10% 0.0951 289.90) 32.3%, oklch(39.69% 0.0859 297.52) 35.5%, oklch(40.53% 0.0790 305.71) 38.7%, oklch(41.67% 0.0753 314.68) 41.9%, oklch(43.18% 0.0741 325.32) 45.2%, oklch(44.98% 0.0747 336.98) 48.4%, oklch(46.98% 0.0765 348.84) 51.6%, oklch(49.07% 0.0789 0.06) 54.8%, oklch(51.16% 0.0814 9.82) 58.1%, oklch(53.16% 0.0835 17.39) 61.3%, oklch(55.27% 0.0866 23.10) 64.5%, oklch(57.46% 0.0903 27.48) 67.7%, oklch(59.67% 0.0941 30.92) 71.0%, oklch(61.82% 0.0975 33.82) 74.2%, oklch(63.86% 0.0999 36.57) 77.4%, oklch(65.71% 0.1006 39.57) 80.6%, oklch(67.49% 0.0993 42.63) 83.9%, oklch(69.23% 0.0966 45.50) 87.1%, oklch(70.85% 0.0931 48.11) 90.3%, oklch(72.30% 0.0894 50.40) 93.5%, oklch(73.51% 0.0862 52.30) 96.8%, oklch(74.41% 0.0841 53.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.457 | 0.154 | 259.5 |
| 2 | 0.39 | 0.131 | 267.9 |
| 3 | 0.409 | 0.077 | 309.1 |
| 4 | 0.524 | 0.083 | 374.6 |
| 5 | 0.654 | 0.101 | 398.9 |
| 6 | 0.744 | 0.084 | 413.7 |

## In these collections

- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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