# Turquoise, indigo and near-black color palette

The Turquoise, indigo and near-black color palette brings together teal, blue, dark purple, and black. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits album artwork and music event graphics. Its darkest tone is black, and its lightest tone is teal.

- Also called: Teal, blue, purple and black radial gradient
- Seed: `kWvHSKztBDblaxUjvcLiga_4`
- Page: https://grabient.com/kWvHSKztBDblaxUjvcLiga_4?style=radialGradient&steps=48&angle=110
- Drawn as: radial gradient, 48 steps, 110 degrees
- Kinds: light to dark, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.5 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 | `#00c3c3` | `oklch(74.02% 0.1263 194.77)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 2 | `#00c1c3` | `oklch(73.43% 0.1251 196.18)` | Cala Benirrás Blue | black, 9.3 to 1 |
| 3 | `#00bec3` | `oklch(72.71% 0.1237 197.88)` | Maximum Blue Green | black, 9.1 to 1 |
| 4 | `#00bbc2` | `oklch(71.88% 0.1222 199.84)` | Montego Bay | black, 8.8 to 1 |
| 5 | `#00b7c1` | `oklch(70.95% 0.1207 202.04)` | Lago Blue | black, 8.5 to 1 |
| 6 | `#00b3c1` | `oklch(69.93% 0.1193 204.46)` | Marrakech Mile | black, 8.2 to 1 |
| 7 | `#00afc0` | `oklch(68.83% 0.1180 207.06)` | Deep Turquoise | black, 7.8 to 1 |
| 8 | `#00aabf` | `oklch(67.68% 0.1170 209.82)` | Sarah’s Garden | black, 7.5 to 1 |
| 9 | `#00a6be` | `oklch(66.48% 0.1162 212.72)` | Maui | black, 7.1 to 1 |
| 10 | `#00a1bc` | `oklch(65.25% 0.1157 215.73)` | January Blue | black, 6.8 to 1 |
| 11 | `#009cbb` | `oklch(64.00% 0.1156 218.82)` | Brilliant Sea | black, 6.4 to 1 |
| 12 | `#0097ba` | `oklch(62.75% 0.1159 221.98)` | Serene Blue | black, 6.1 to 1 |
| 13 | `#0092b9` | `oklch(61.50% 0.1167 225.18)` | Blue Danube | black, 5.8 to 1 |
| 14 | `#008db8` | `oklch(60.21% 0.1182 228.63)` | Hawaiian Ocean | black, 5.5 to 1 |
| 15 | `#0088b8` | `oklch(58.87% 0.1207 232.38)` | Mermaid Dreams | black, 5.2 to 1 |
| 16 | `#0082b8` | `oklch(57.47% 0.1243 236.35)` | Tall Ships | black, 4.8 to 1 |
| 17 | `#007cb8` | `oklch(56.04% 0.1294 240.48)` | Blue Bazaar | black, 4.5 to 1 |
| 18 | `#0076ba` | `oklch(54.57% 0.1365 244.70)` | Biloxi Blue | white, 4.8 to 1 |
| 19 | `#006fbc` | `oklch(53.08% 0.1463 248.95)` | Spanish Blue | white, 5.2 to 1 |
| 20 | `#0067c0` | `oklch(51.58% 0.1599 253.16)` | Blue Diamond | white, 5.6 to 1 |
| 21 | `#005ec7` | `oklch(50.08% 0.1797 257.26)` | Amnesia Blue | white, 6.1 to 1 |
| 22 | `#0051d4` | `oklch(48.57% 0.2124 261.19)` | Pacific Bridge | white, 6.7 to 1 |
| 23 | `#123de4` | `oklch(47.08% 0.2512 264.86)` | Merchant Marine Blue | white, 7.4 to 1 |
| 24 | `#2533df` | `oklch(45.61% 0.2503 268.24)` | Palatinate Blue | white, 8 to 1 |
| 25 | `#2f2ad8` | `oklch(44.16% 0.2482 271.29)` | Lapis on Neptune | white, 8.6 to 1 |
| 26 | `#3620d1` | `oklch(42.74% 0.2450 274.19)` | Interdimensional Blue | white, 9.2 to 1 |
| 27 | `#3b16c9` | `oklch(41.34% 0.2409 276.97)` | Interdimensional Blue | white, 9.8 to 1 |
| 28 | `#3e0bc0` | `oklch(39.94% 0.2358 279.61)` | Galactic Highway | white, 10.4 to 1 |
| 29 | `#4000b7` | `oklch(38.56% 0.2298 282.11)` | Indigo Blue | white, 11 to 1 |
| 30 | `#4000ab` | `oklch(37.16% 0.2179 284.46)` | Indigo Blue | white, 11.6 to 1 |
| 31 | `#3f00a0` | `oklch(35.75% 0.2066 286.65)` | Space Battle Blue | white, 12.2 to 1 |
| 32 | `#3e0095` | `oklch(34.33% 0.1959 288.67)` | Space Battle Blue | white, 12.8 to 1 |
| 33 | `#3c008a` | `oklch(32.88% 0.1855 290.51)` | Marionberry | white, 13.4 to 1 |
| 34 | `#3a0080` | `oklch(31.41% 0.1754 292.16)` | Marionberry | white, 14 to 1 |
| 35 | `#370076` | `oklch(29.91% 0.1656 293.61)` | Galactic Federation | white, 14.7 to 1 |
| 36 | `#34006c` | `oklch(28.37% 0.1559 294.84)` | Deep Violet | white, 15.4 to 1 |
| 37 | `#300063` | `oklch(26.75% 0.1462 295.82)` | Deep Violet | white, 16.1 to 1 |
| 38 | `#2b0059` | `oklch(24.98% 0.1360 296.47)` | Hollow Knight | white, 16.8 to 1 |
| 39 | `#26004f` | `oklch(23.09% 0.1255 296.83)` | Crowberry | white, 17.5 to 1 |
| 40 | `#210045` | `oklch(21.13% 0.1147 296.94)` | Your Darkness | white, 18.2 to 1 |
| 41 | `#1b003b` | `oklch(19.14% 0.1040 296.85)` | Quiet Abyss | white, 18.8 to 1 |
| 42 | `#160131` | `oklch(17.10% 0.0906 296.78)` | Quiet Abyss | white, 19.4 to 1 |
| 43 | `#100127` | `oklch(15.17% 0.0755 296.48)` | Space Grey | white, 19.8 to 1 |
| 44 | `#0b021d` | `oklch(13.34% 0.0610 296.13)` | Midnight Jam | white, 20.1 to 1 |
| 45 | `#070215` | `oklch(11.66% 0.0476 295.77)` | Obsidian Shard | white, 20.4 to 1 |
| 46 | `#04020d` | `oklch(10.15% 0.0357 295.46)` | Broken Tube | white, 20.6 to 1 |
| 47 | `#030108` | `oklch(8.88% 0.0257 295.24)` | Raven’s Coat | white, 20.7 to 1 |
| 48 | `#020104` | `oklch(7.87% 0.0179 295.16)` | Raven’s Coat | white, 20.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #00c3c3 0.0%, #00c1c3 2.1%, #00bec3 4.3%, #00bbc2 6.4%, #00b7c1 8.5%, #00b3c1 10.6%, #00afc0 12.8%, #00aabf 14.9%, #00a6be 17.0%, #00a1bc 19.1%, #009cbb 21.3%, #0097ba 23.4%, #0092b9 25.5%, #008db8 27.7%, #0088b8 29.8%, #0082b8 31.9%, #007cb8 34.0%, #0076ba 36.2%, #006fbc 38.3%, #0067c0 40.4%, #005ec7 42.6%, #0051d4 44.7%, #123de4 46.8%, #2533df 48.9%, #2f2ad8 51.1%, #3620d1 53.2%, #3b16c9 55.3%, #3e0bc0 57.4%, #4000b7 59.6%, #4000ab 61.7%, #3f00a0 63.8%, #3e0095 66.0%, #3c008a 68.1%, #3a0080 70.2%, #370076 72.3%, #34006c 74.5%, #300063 76.6%, #2b0059 78.7%, #26004f 80.9%, #210045 83.0%, #1b003b 85.1%, #160131 87.2%, #100127 89.4%, #0b021d 91.5%, #070215 93.6%, #04020d 95.7%, #030108 97.9%, #020104 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.02% 0.1263 194.77) 0.0%, oklch(73.43% 0.1251 196.18) 2.1%, oklch(72.71% 0.1237 197.88) 4.3%, oklch(71.88% 0.1222 199.84) 6.4%, oklch(70.95% 0.1207 202.04) 8.5%, oklch(69.93% 0.1193 204.46) 10.6%, oklch(68.83% 0.1180 207.06) 12.8%, oklch(67.68% 0.1170 209.82) 14.9%, oklch(66.48% 0.1162 212.72) 17.0%, oklch(65.25% 0.1157 215.73) 19.1%, oklch(64.00% 0.1156 218.82) 21.3%, oklch(62.75% 0.1159 221.98) 23.4%, oklch(61.50% 0.1167 225.18) 25.5%, oklch(60.21% 0.1182 228.63) 27.7%, oklch(58.87% 0.1207 232.38) 29.8%, oklch(57.47% 0.1243 236.35) 31.9%, oklch(56.04% 0.1294 240.48) 34.0%, oklch(54.57% 0.1365 244.70) 36.2%, oklch(53.08% 0.1463 248.95) 38.3%, oklch(51.58% 0.1599 253.16) 40.4%, oklch(50.08% 0.1797 257.26) 42.6%, oklch(48.57% 0.2124 261.19) 44.7%, oklch(47.08% 0.2512 264.86) 46.8%, oklch(45.61% 0.2503 268.24) 48.9%, oklch(44.16% 0.2482 271.29) 51.1%, oklch(42.74% 0.2450 274.19) 53.2%, oklch(41.34% 0.2409 276.97) 55.3%, oklch(39.94% 0.2358 279.61) 57.4%, oklch(38.56% 0.2298 282.11) 59.6%, oklch(37.16% 0.2179 284.46) 61.7%, oklch(35.75% 0.2066 286.65) 63.8%, oklch(34.33% 0.1959 288.67) 66.0%, oklch(32.88% 0.1855 290.51) 68.1%, oklch(31.41% 0.1754 292.16) 70.2%, oklch(29.91% 0.1656 293.61) 72.3%, oklch(28.37% 0.1559 294.84) 74.5%, oklch(26.75% 0.1462 295.82) 76.6%, oklch(24.98% 0.1360 296.47) 78.7%, oklch(23.09% 0.1255 296.83) 80.9%, oklch(21.13% 0.1147 296.94) 83.0%, oklch(19.14% 0.1040 296.85) 85.1%, oklch(17.10% 0.0906 296.78) 87.2%, oklch(15.17% 0.0755 296.48) 89.4%, oklch(13.34% 0.0610 296.13) 91.5%, oklch(11.66% 0.0476 295.77) 93.6%, oklch(10.15% 0.0357 295.46) 95.7%, oklch(8.88% 0.0257 295.24) 97.9%, oklch(7.87% 0.0179 295.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.16 | 194.8 |
| 2 | 0.618 | 0.22 | 224.4 |
| 3 | 0.449 | 0.249 | 269.8 |
| 4 | 0.28 | 0.169 | 295.2 |
| 5 | 0.079 | 0.018 | 295.2 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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