# Near-black, violet and teal color palette

The Near-black, violet and teal color palette brings together dark blue, dark purple, purple, magenta, and light green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark blue, and its lightest tone is light green.

- Also called: Black, navy, purple and teal linear gradient
- Seed: `kWHRzNH6bAMPUwFXzsNaCutw`
- Page: https://grabient.com/kWHRzNH6bAMPUwFXzsNaCutw?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.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 | `#050312` | `oklch(11.42% 0.0386 288.28)` | Obsidian Shard | white, 20.4 to 1 |
| 2 | `#060316` | `oklch(12.38% 0.0436 288.44)` | Obsidian Shard | white, 20.3 to 1 |
| 3 | `#08041b` | `oklch(13.55% 0.0497 288.65)` | Not Tonight | white, 20.1 to 1 |
| 4 | `#0b0521` | `oklch(14.94% 0.0571 288.90)` | Election Night | white, 19.8 to 1 |
| 5 | `#0f0728` | `oklch(16.55% 0.0655 289.18)` | Mysterious Depths | white, 19.4 to 1 |
| 6 | `#130831` | `oklch(18.40% 0.0750 289.48)` | Quiet Abyss | white, 18.9 to 1 |
| 7 | `#190b3a` | `oklch(20.50% 0.0855 289.80)` | Midnight Monarch | white, 18.2 to 1 |
| 8 | `#1e0e45` | `oklch(22.86% 0.0969 290.14)` | Shadow Planet | white, 17.3 to 1 |
| 9 | `#251252` | `oklch(25.50% 0.1094 290.47)` | Praise of Shadow | white, 16.3 to 1 |
| 10 | `#2e1662` | `oklch(28.66% 0.1248 290.57)` | Night Fog | white, 14.9 to 1 |
| 11 | `#371b75` | `oklch(32.32% 0.1429 290.48)` | Explorer of the Galaxies | white, 13.3 to 1 |
| 12 | `#42218a` | `oklch(36.28% 0.1624 290.35)` | Galactic Civilization | white, 11.5 to 1 |
| 13 | `#4e27a1` | `oklch(40.37% 0.1820 290.35)` | Eine Kleine Nachtmusik | white, 9.8 to 1 |
| 14 | `#5a2db7` | `oklch(44.41% 0.2005 290.63)` | Illustrious Indigo | white, 8.4 to 1 |
| 15 | `#6633cb` | `oklch(48.23% 0.2165 291.34)` | Sagat Purple | white, 7.2 to 1 |
| 16 | `#7339dc` | `oklch(51.65% 0.2286 292.64)` | Hokkaido Lavender | white, 6.2 to 1 |
| 17 | `#803fe7` | `oklch(54.53% 0.2360 295.04)` | Thick Purple | white, 5.5 to 1 |
| 18 | `#9141ec` | `oklch(57.03% 0.2399 300.24)` | Chaste Blossoms | white, 5 to 1 |
| 19 | `#a542ea` | `oklch(59.26% 0.2410 307.30)` | Pisces Vivid Amethyst | white, 4.6 to 1 |
| 20 | `#b743e4` | `oklch(61.27% 0.2396 314.89)` | Ultraviolet Onsible | black, 4.9 to 1 |
| 21 | `#c746dc` | `oklch(63.13% 0.2362 321.69)` | Ultraviolet Onsible | black, 5.3 to 1 |
| 22 | `#d24bd7` | `oklch(64.90% 0.2313 326.34)` | Pinkish Purple | black, 5.7 to 1 |
| 23 | `#d853d9` | `oklch(66.65% 0.2251 327.53)` | Pink Purple | black, 6.1 to 1 |
| 24 | `#d85fe4` | `oklch(68.44% 0.2182 323.91)` | Clematis Magenta | black, 6.6 to 1 |
| 25 | `#cd6ff9` | `oklch(70.32% 0.2098 313.80)` | Rosy Fluffy Bedspread | black, 7.2 to 1 |
| 26 | `#b18cff` | `oklch(72.27% 0.1645 296.77)` | Lilac Geode | black, 8 to 1 |
| 27 | `#93a4ff` | `oklch(74.24% 0.1331 274.92)` | Widowmaker | black, 8.9 to 1 |
| 28 | `#70b7ff` | `oklch(76.15% 0.1267 250.41)` | French Sky Blue | black, 9.8 to 1 |
| 29 | `#00c9fe` | `oklch(77.93% 0.1482 225.39)` | Vivid Sky Blue | black, 10.8 to 1 |
| 30 | `#00d5e1` | `oklch(79.53% 0.1353 202.02)` | Aztec Turquoise | black, 11.6 to 1 |
| 31 | `#43dbc7` | `oklch(80.87% 0.1282 182.46)` | Jazzy Jade | black, 12.2 to 1 |
| 32 | `#69ddb6` | `oklch(81.89% 0.1199 168.87)` | Ocean in a Bowl | black, 12.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #050312 0.0%, #060316 3.2%, #08041b 6.5%, #0b0521 9.7%, #0f0728 12.9%, #130831 16.1%, #190b3a 19.4%, #1e0e45 22.6%, #251252 25.8%, #2e1662 29.0%, #371b75 32.3%, #42218a 35.5%, #4e27a1 38.7%, #5a2db7 41.9%, #6633cb 45.2%, #7339dc 48.4%, #803fe7 51.6%, #9141ec 54.8%, #a542ea 58.1%, #b743e4 61.3%, #c746dc 64.5%, #d24bd7 67.7%, #d853d9 71.0%, #d85fe4 74.2%, #cd6ff9 77.4%, #b18cff 80.6%, #93a4ff 83.9%, #70b7ff 87.1%, #00c9fe 90.3%, #00d5e1 93.5%, #43dbc7 96.8%, #69ddb6 100.0%);
background: linear-gradient(135deg in oklch, oklch(11.42% 0.0386 288.28) 0.0%, oklch(12.38% 0.0436 288.44) 3.2%, oklch(13.55% 0.0497 288.65) 6.5%, oklch(14.94% 0.0571 288.90) 9.7%, oklch(16.55% 0.0655 289.18) 12.9%, oklch(18.40% 0.0750 289.48) 16.1%, oklch(20.50% 0.0855 289.80) 19.4%, oklch(22.86% 0.0969 290.14) 22.6%, oklch(25.50% 0.1094 290.47) 25.8%, oklch(28.66% 0.1248 290.57) 29.0%, oklch(32.32% 0.1429 290.48) 32.3%, oklch(36.28% 0.1624 290.35) 35.5%, oklch(40.37% 0.1820 290.35) 38.7%, oklch(44.41% 0.2005 290.63) 41.9%, oklch(48.23% 0.2165 291.34) 45.2%, oklch(51.65% 0.2286 292.64) 48.4%, oklch(54.53% 0.2360 295.04) 51.6%, oklch(57.03% 0.2399 300.24) 54.8%, oklch(59.26% 0.2410 307.30) 58.1%, oklch(61.27% 0.2396 314.89) 61.3%, oklch(63.13% 0.2362 321.69) 64.5%, oklch(64.90% 0.2313 326.34) 67.7%, oklch(66.65% 0.2251 327.53) 71.0%, oklch(68.44% 0.2182 323.91) 74.2%, oklch(70.32% 0.2098 313.80) 77.4%, oklch(72.27% 0.1645 296.77) 80.6%, oklch(74.24% 0.1331 274.92) 83.9%, oklch(76.15% 0.1267 250.41) 87.1%, oklch(77.93% 0.1482 225.39) 90.3%, oklch(79.53% 0.1353 202.02) 93.5%, oklch(80.87% 0.1282 182.46) 96.8%, oklch(81.89% 0.1199 168.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.114 | 0.039 | 288.3 |
| 2 | 0.248 | 0.106 | 290.4 |
| 3 | 0.531 | 0.233 | 293.6 |
| 4 | 0.689 | 0.216 | 322.1 |
| 5 | 0.819 | 0.12 | 168.9 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)
- [Neon gradients](https://grabient.com/neon-gradients)
- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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