# Turquoise, wine and bronze coastal rockpool spring

The Turquoise, wine and bronze coastal rockpool spring brings together teal, blue, red, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is red, and its lightest tone is teal.

- Also called: Blue, maroon and brown linear gradient
- Seed: `kcrVueyanBDqiQQuk0TLJvJbGpwk4qcDwJ5BA`
- Page: https://grabient.com/kcrVueyanBDqiQQuk0TLJvJbGpwk4qcDwJ5BA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#0aa9d1` | `oklch(68.11% 0.1254 222.89)` | Reboot | black, 7.5 to 1 |
| 2 | `#0ba3cc` | `oklch(66.52% 0.1238 224.39)` | Charybdis | black, 7.1 to 1 |
| 3 | `#0c9bc6` | `oklch(64.27% 0.1217 226.54)` | Blue Ocean | black, 6.5 to 1 |
| 4 | `#0e92be` | `oklch(61.65% 0.1190 229.00)` | Swimmer | black, 5.8 to 1 |
| 5 | `#1188b5` | `oklch(58.97% 0.1159 231.44)` | Stomy Shower | black, 5.2 to 1 |
| 6 | `#1380ad` | `oklch(56.41% 0.1123 233.40)` | Oh so Vo | black, 4.6 to 1 |
| 7 | `#1177a3` | `oklch(53.70% 0.1086 234.49)` | Tanzanite | white, 5 to 1 |
| 8 | `#106e99` | `oklch(50.93% 0.1043 235.68)` | Disarm | white, 5.6 to 1 |
| 9 | `#15658f` | `oklch(48.22% 0.0991 238.08)` | Traditional Blue | white, 6.3 to 1 |
| 10 | `#1e5c86` | `oklch(45.72% 0.0926 242.74)` | Oceanic Motion | white, 7.1 to 1 |
| 11 | `#29537c` | `oklch(43.26% 0.0829 249.33)` | Blueberry Twist | white, 7.9 to 1 |
| 12 | `#314b70` | `oklch(40.86% 0.0711 257.45)` | Sailboat | white, 8.8 to 1 |
| 13 | `#364365` | `oklch(38.71% 0.0602 267.35)` | Genie | white, 9.7 to 1 |
| 14 | `#3a3d5c` | `oklch(37.00% 0.0532 279.30)` | Mangosteen | white, 10.5 to 1 |
| 15 | `#3e3755` | `oklch(35.85% 0.0523 294.52)` | Maharaja | white, 11.1 to 1 |
| 16 | `#46324f` | `oklch(35.18% 0.0560 314.14)` | Devil’s Plum | white, 11.4 to 1 |
| 17 | `#4e2d47` | `oklch(34.89% 0.0626 334.93)` | Potent Purple | white, 11.7 to 1 |
| 18 | `#56293d` | `oklch(34.89% 0.0704 353.48)` | Zinfandel | white, 11.7 to 1 |
| 19 | `#5c2734` | `oklch(35.13% 0.0779 6.46)` | Zinfandel | white, 11.6 to 1 |
| 20 | `#62262e` | `oklch(35.73% 0.0870 14.02)` | Blackberry Pie | white, 11.4 to 1 |
| 21 | `#69252b` | `oklch(36.64% 0.0973 18.19)` | Monarch | white, 11.1 to 1 |
| 22 | `#6f2428` | `oklch(37.71% 0.1068 20.65)` | Spanish Tile | white, 10.6 to 1 |
| 23 | `#762426` | `oklch(38.82% 0.1137 23.08)` | Incubus | white, 10.2 to 1 |
| 24 | `#7a2724` | `oklch(39.93% 0.1173 25.87)` | Posh Red | white, 9.7 to 1 |
| 25 | `#7f2a24` | `oklch(41.14% 0.1187 27.83)` | Posh Red | white, 9.3 to 1 |
| 26 | `#832e25` | `oklch(42.41% 0.1183 29.37)` | Warmth of Teamwork | white, 8.8 to 1 |
| 27 | `#863327` | `oklch(43.73% 0.1162 30.91)` | Kofta Brown | white, 8.3 to 1 |
| 28 | `#89392a` | `oklch(45.09% 0.1124 32.89)` | Rustica | white, 7.8 to 1 |
| 29 | `#8b412e` | `oklch(46.68% 0.1054 35.30)` | Olive Niçoise | white, 7.2 to 1 |
| 30 | `#8c4935` | `oklch(48.33% 0.0966 37.77)` | Suzumecha Brown | white, 6.7 to 1 |
| 31 | `#8d503b` | `oklch(49.78% 0.0883 39.96)` | Annatto | white, 6.2 to 1 |
| 32 | `#8d553f` | `oklch(50.79% 0.0827 41.48)` | Brown Patina | white, 6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0aa9d1 0.0%, #0ba3cc 3.2%, #0c9bc6 6.5%, #0e92be 9.7%, #1188b5 12.9%, #1380ad 16.1%, #1177a3 19.4%, #106e99 22.6%, #15658f 25.8%, #1e5c86 29.0%, #29537c 32.3%, #314b70 35.5%, #364365 38.7%, #3a3d5c 41.9%, #3e3755 45.2%, #46324f 48.4%, #4e2d47 51.6%, #56293d 54.8%, #5c2734 58.1%, #62262e 61.3%, #69252b 64.5%, #6f2428 67.7%, #762426 71.0%, #7a2724 74.2%, #7f2a24 77.4%, #832e25 80.6%, #863327 83.9%, #89392a 87.1%, #8b412e 90.3%, #8c4935 93.5%, #8d503b 96.8%, #8d553f 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.11% 0.1254 222.89) 0.0%, oklch(66.52% 0.1238 224.39) 3.2%, oklch(64.27% 0.1217 226.54) 6.5%, oklch(61.65% 0.1190 229.00) 9.7%, oklch(58.97% 0.1159 231.44) 12.9%, oklch(56.41% 0.1123 233.40) 16.1%, oklch(53.70% 0.1086 234.49) 19.4%, oklch(50.93% 0.1043 235.68) 22.6%, oklch(48.22% 0.0991 238.08) 25.8%, oklch(45.72% 0.0926 242.74) 29.0%, oklch(43.26% 0.0829 249.33) 32.3%, oklch(40.86% 0.0711 257.45) 35.5%, oklch(38.71% 0.0602 267.35) 38.7%, oklch(37.00% 0.0532 279.30) 41.9%, oklch(35.85% 0.0523 294.52) 45.2%, oklch(35.18% 0.0560 314.14) 48.4%, oklch(34.89% 0.0626 334.93) 51.6%, oklch(34.89% 0.0704 353.48) 54.8%, oklch(35.13% 0.0779 6.46) 58.1%, oklch(35.73% 0.0870 14.02) 61.3%, oklch(36.64% 0.0973 18.19) 64.5%, oklch(37.71% 0.1068 20.65) 67.7%, oklch(38.82% 0.1137 23.08) 71.0%, oklch(39.93% 0.1173 25.87) 74.2%, oklch(41.14% 0.1187 27.83) 77.4%, oklch(42.41% 0.1183 29.37) 80.6%, oklch(43.73% 0.1162 30.91) 83.9%, oklch(45.09% 0.1124 32.89) 87.1%, oklch(46.68% 0.1054 35.30) 90.3%, oklch(48.33% 0.0966 37.77) 93.5%, oklch(49.78% 0.0883 39.96) 96.8%, oklch(50.79% 0.0827 41.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.125 | 222.9 |
| 2 | 0.579 | 0.114 | 232.4 |
| 3 | 0.461 | 0.094 | 241.9 |
| 4 | 0.366 | 0.052 | 283.1 |
| 5 | 0.35 | 0.076 | 363.4 |
| 6 | 0.39 | 0.114 | 383.5 |
| 7 | 0.445 | 0.114 | 392 |
| 8 | 0.508 | 0.083 | 401.5 |

## In these collections

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

## Other forms

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