# Near-black and turquoise color palette

The Near-black and turquoise color palette brings together black, blue, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is black, and its lightest tone is teal.

- Also called: Seamless black, blue and teal linear gradient
- Seed: `kWEgu7K0G_9BQPFgujuC4e_4`
- Page: https://grabient.com/kWEgu7K0G_9BQPFgujuC4e_4?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, vivid, cool, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#010103` | `oklch(7.09% 0.0152 262.97)` | Binary Black | white, 20.8 to 1 |
| 2 | `#010208` | `oklch(8.72% 0.0259 263.11)` | Ninja | white, 20.7 to 1 |
| 3 | `#010312` | `oklch(10.80% 0.0405 263.48)` | Obsidian Shard | white, 20.5 to 1 |
| 4 | `#01051f` | `oklch(13.27% 0.0580 263.97)` | Melanophobia | white, 20.1 to 1 |
| 5 | `#01082e` | `oklch(16.04% 0.0774 264.49)` | Mysterious Depths | white, 19.5 to 1 |
| 6 | `#020b3f` | `oklch(19.04% 0.0979 264.93)` | Storm | white, 18.7 to 1 |
| 7 | `#030f51` | `oklch(22.17% 0.1185 265.20)` | Interstellar Blue | white, 17.6 to 1 |
| 8 | `#041463` | `oklch(25.37% 0.1383 265.20)` | Atlantic Depths | white, 16.3 to 1 |
| 9 | `#041976` | `oklch(28.56% 0.1562 264.82)` | Blue Ranger | white, 14.9 to 1 |
| 10 | `#022087` | `oklch(31.65% 0.1715 263.97)` | There Is Light | white, 13.5 to 1 |
| 11 | `#002c8e` | `oklch(34.59% 0.1681 262.61)` | US Air Force Blue | white, 12 to 1 |
| 12 | `#003893` | `oklch(37.60% 0.1589 260.63)` | Dark Seashore Night | white, 10.5 to 1 |
| 13 | `#00449a` | `oklch(40.76% 0.1519 258.16)` | Fright Night | white, 9.1 to 1 |
| 14 | `#0050a0` | `oklch(44.00% 0.1464 255.29)` | Freshwater Lake | white, 7.8 to 1 |
| 15 | `#005ca8` | `oklch(47.26% 0.1418 252.10)` | Bottled Sea | white, 6.7 to 1 |
| 16 | `#0068af` | `oklch(50.49% 0.1382 248.67)` | Wing Commander | white, 5.8 to 1 |
| 17 | `#0073b6` | `oklch(53.63% 0.1352 245.08)` | Cobalt Glaze | white, 5 to 1 |
| 18 | `#007ebd` | `oklch(56.61% 0.1329 241.40)` | Honolulu Blue | black, 4.6 to 1 |
| 19 | `#0088c2` | `oklch(59.38% 0.1311 237.71)` | Azul Caribe | black, 5.2 to 1 |
| 20 | `#0091c7` | `oklch(61.87% 0.1296 234.09)` | Dynamic Blue | black, 5.8 to 1 |
| 21 | `#0099cc` | `oklch(64.13% 0.1286 230.54)` | Tomb Blue | black, 6.4 to 1 |
| 22 | `#00a3d1` | `oklch(66.68% 0.1283 226.62)` | Charybdis | black, 7.1 to 1 |
| 23 | `#00add6` | `oklch(69.42% 0.1287 222.39)` | Bright Cerulean | black, 7.9 to 1 |
| 24 | `#00b8db` | `oklch(72.15% 0.1296 217.99)` | Maldives | black, 8.8 to 1 |
| 25 | `#00c1df` | `oklch(74.65% 0.1310 213.56)` | Caribbean Blue | black, 9.7 to 1 |
| 26 | `#00cae1` | `oklch(76.73% 0.1324 209.24)` | Picnic Day Sky | black, 10.5 to 1 |
| 27 | `#00d0e1` | `oklch(78.17% 0.1335 205.16)` | Aztec Turquoise | black, 11 to 1 |
| 28 | `#00d3de` | `oklch(78.77% 0.1340 201.48)` | Aztec Turquoise | black, 11.3 to 1 |
| 29 | `#00d2d7` | `oklch(78.33% 0.1332 198.32)` | Jade Glass | black, 11.1 to 1 |
| 30 | `#00ccce` | `oklch(76.63% 0.1306 195.84)` | Tilla Kari Mosque | black, 10.5 to 1 |
| 31 | `#00c1c0` | `oklch(73.27% 0.1252 194.12)` | Cala Benirrás Blue | black, 9.3 to 1 |
| 32 | `#00aeac` | `oklch(67.92% 0.1163 193.10)` | Teal Me No Lies | black, 7.6 to 1 |
| 33 | `#009794` | `oklch(61.01% 0.1046 192.65)` | Intermezzo | black, 5.8 to 1 |
| 34 | `#007c7a` | `oklch(53.02% 0.0909 192.64)` | Navajo Turquoise | white, 5 to 1 |
| 35 | `#00615f` | `oklch(44.43% 0.0761 192.97)` | Emerald Stone | white, 7.3 to 1 |
| 36 | `#004645` | `oklch(35.71% 0.0611 193.50)` | Dark Side | white, 10.6 to 1 |
| 37 | `#002e2e` | `oklch(27.34% 0.0467 194.13)` | Roof Tile Green | white, 14.6 to 1 |
| 38 | `#001a1a` | `oklch(19.81% 0.0338 194.75)` | Black Stallion | white, 18 to 1 |
| 39 | `#000b0b` | `oklch(13.58% 0.0232 195.27)` | Black Knight | white, 19.9 to 1 |
| 40 | `#000303` | `oklch(9.16% 0.0156 195.74)` | Black Hole | white, 20.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #010103 0.0%, #010208 2.6%, #010312 5.1%, #01051f 7.7%, #01082e 10.3%, #020b3f 12.8%, #030f51 15.4%, #041463 17.9%, #041976 20.5%, #022087 23.1%, #002c8e 25.6%, #003893 28.2%, #00449a 30.8%, #0050a0 33.3%, #005ca8 35.9%, #0068af 38.5%, #0073b6 41.0%, #007ebd 43.6%, #0088c2 46.2%, #0091c7 48.7%, #0099cc 51.3%, #00a3d1 53.8%, #00add6 56.4%, #00b8db 59.0%, #00c1df 61.5%, #00cae1 64.1%, #00d0e1 66.7%, #00d3de 69.2%, #00d2d7 71.8%, #00ccce 74.4%, #00c1c0 76.9%, #00aeac 79.5%, #009794 82.1%, #007c7a 84.6%, #00615f 87.2%, #004645 89.7%, #002e2e 92.3%, #001a1a 94.9%, #000b0b 97.4%, #000303 100.0%);
background: linear-gradient(135deg in oklch, oklch(7.09% 0.0152 262.97) 0.0%, oklch(8.72% 0.0259 263.11) 2.6%, oklch(10.80% 0.0405 263.48) 5.1%, oklch(13.27% 0.0580 263.97) 7.7%, oklch(16.04% 0.0774 264.49) 10.3%, oklch(19.04% 0.0979 264.93) 12.8%, oklch(22.17% 0.1185 265.20) 15.4%, oklch(25.37% 0.1383 265.20) 17.9%, oklch(28.56% 0.1562 264.82) 20.5%, oklch(31.65% 0.1715 263.97) 23.1%, oklch(34.59% 0.1681 262.61) 25.6%, oklch(37.60% 0.1589 260.63) 28.2%, oklch(40.76% 0.1519 258.16) 30.8%, oklch(44.00% 0.1464 255.29) 33.3%, oklch(47.26% 0.1418 252.10) 35.9%, oklch(50.49% 0.1382 248.67) 38.5%, oklch(53.63% 0.1352 245.08) 41.0%, oklch(56.61% 0.1329 241.40) 43.6%, oklch(59.38% 0.1311 237.71) 46.2%, oklch(61.87% 0.1296 234.09) 48.7%, oklch(64.13% 0.1286 230.54) 51.3%, oklch(66.68% 0.1283 226.62) 53.8%, oklch(69.42% 0.1287 222.39) 56.4%, oklch(72.15% 0.1296 217.99) 59.0%, oklch(74.65% 0.1310 213.56) 61.5%, oklch(76.73% 0.1324 209.24) 64.1%, oklch(78.17% 0.1335 205.16) 66.7%, oklch(78.77% 0.1340 201.48) 69.2%, oklch(78.33% 0.1332 198.32) 71.8%, oklch(76.63% 0.1306 195.84) 74.4%, oklch(73.27% 0.1252 194.12) 76.9%, oklch(67.92% 0.1163 193.10) 79.5%, oklch(61.01% 0.1046 192.65) 82.1%, oklch(53.02% 0.0909 192.64) 84.6%, oklch(44.43% 0.0761 192.97) 87.2%, oklch(35.71% 0.0611 193.50) 89.7%, oklch(27.34% 0.0467 194.13) 92.3%, oklch(19.81% 0.0338 194.75) 94.9%, oklch(13.58% 0.0232 195.27) 97.4%, oklch(9.16% 0.0156 195.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.071 | 0.015 | 263 |
| 2 | 0.339 | 0.181 | 263 |
| 3 | 0.63 | 0.22 | 232.3 |
| 4 | 0.76 | 0.16 | 195.3 |
| 5 | 0.091 | 0.021 | 195.3 |

## In these collections

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

## Other forms

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