# Near-black and violet blue and purple palette

The Near-black and violet blue and purple palette brings together black, dark purple, purple, blue, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is teal.

- Also called: Black, purple and gray blue linear gradient
- Seed: `kcAAC3BAdCZedwqko79MKXADsgPxElj2zJC5I`
- Page: https://grabient.com/kcAAC3BAdCZedwqko79MKXADsgPxElj2zJC5I?steps=34&angle=0
- Drawn as: linear gradient, 34 steps, 0 degrees
- Kinds: dark to light, muted, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.4 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 | `#000000` | `oklch(0.00% 0.0000 0.00)` | Black | white, 21 to 1 |
| 2 | `#000000` | `oklch(0.27% 0.0019 264.05)` | Black | white, 20.9 to 1 |
| 3 | `#000000` | `oklch(0.58% 0.0039 267.72)` | Black | white, 20.9 to 1 |
| 4 | `#000000` | `oklch(1.12% 0.0073 270.28)` | Black | white, 20.9 to 1 |
| 5 | `#000000` | `oklch(2.08% 0.0131 274.35)` | Black | white, 20.9 to 1 |
| 6 | `#000001` | `oklch(3.76% 0.0220 279.88)` | Black | white, 20.9 to 1 |
| 7 | `#010006` | `oklch(6.60% 0.0344 285.44)` | Benthic Black | white, 20.9 to 1 |
| 8 | `#040112` | `oklch(10.12% 0.0494 291.34)` | Obsidian Shard | white, 20.6 to 1 |
| 9 | `#0c021f` | `oklch(13.84% 0.0645 296.71)` | Election Night | white, 20.1 to 1 |
| 10 | `#16042b` | `oklch(17.25% 0.0772 300.68)` | Quiet Abyss | white, 19.3 to 1 |
| 11 | `#1e0735` | `oklch(19.99% 0.0855 302.38)` | Middle Red Purple | white, 18.4 to 1 |
| 12 | `#240b3d` | `oklch(22.32% 0.0906 301.84)` | Middle Red Purple | white, 17.6 to 1 |
| 13 | `#281145` | `oklch(24.43% 0.0936 300.02)` | Oily Purple | white, 16.7 to 1 |
| 14 | `#2c164c` | `oklch(26.43% 0.0956 297.92)` | Russian Violet | white, 15.8 to 1 |
| 15 | `#301b53` | `oklch(28.44% 0.0975 296.53)` | Russian Violet | white, 14.8 to 1 |
| 16 | `#35205a` | `oklch(30.52% 0.0998 296.36)` | Christalle | white, 13.8 to 1 |
| 17 | `#3b2561` | `oklch(32.57% 0.1018 296.80)` | Christalle | white, 12.9 to 1 |
| 18 | `#402a67` | `oklch(34.59% 0.1032 297.40)` | Her Highness | white, 11.9 to 1 |
| 19 | `#462f6d` | `oklch(36.55% 0.1038 297.74)` | Abra Purple | white, 11 to 1 |
| 20 | `#4b3573` | `oklch(38.46% 0.1032 297.40)` | Galactic Compass | white, 10.2 to 1 |
| 21 | `#4f3b78` | `oklch(40.29% 0.1014 296.55)` | Loden Purple | white, 9.4 to 1 |
| 22 | `#52407d` | `oklch(42.07% 0.0986 295.36)` | Cyber Grape | white, 8.7 to 1 |
| 23 | `#554681` | `oklch(43.80% 0.0949 293.74)` | Gentian Violet | white, 8.1 to 1 |
| 24 | `#584c85` | `oklch(45.50% 0.0907 291.60)` | Bright Eggplant | white, 7.5 to 1 |
| 25 | `#5a5389` | `oklch(47.17% 0.0861 288.95)` | Fine Purple | white, 6.9 to 1 |
| 26 | `#5c598b` | `oklch(48.82% 0.0804 286.41)` | Mountain Iris | white, 6.4 to 1 |
| 27 | `#5f5f8e` | `oklch(50.43% 0.0739 283.46)` | Majestic Purple | white, 6 to 1 |
| 28 | `#616590` | `oklch(52.00% 0.0676 279.33)` | Twilight Purple | white, 5.5 to 1 |
| 29 | `#616b92` | `oklch(53.52% 0.0620 273.27)` | Justice | white, 5.2 to 1 |
| 30 | `#607294` | `oklch(55.02% 0.0575 263.95)` | Ocean Night | white, 4.8 to 1 |
| 31 | `#5f7995` | `oklch(56.58% 0.0536 250.73)` | Cropper Blue | black, 4.6 to 1 |
| 32 | `#5e8095` | `oklch(58.07% 0.0502 236.18)` | Bountiful Blue | black, 4.9 to 1 |
| 33 | `#5f8593` | `oklch(59.34% 0.0475 223.04)` | Play Me a Melody | black, 5.2 to 1 |
| 34 | `#618892` | `oklch(60.24% 0.0455 214.02)` | Horizon | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(0deg, #000000 0.0%, #000000 3.0%, #000000 6.1%, #000000 9.1%, #000000 12.1%, #000001 15.2%, #010006 18.2%, #040112 21.2%, #0c021f 24.2%, #16042b 27.3%, #1e0735 30.3%, #240b3d 33.3%, #281145 36.4%, #2c164c 39.4%, #301b53 42.4%, #35205a 45.5%, #3b2561 48.5%, #402a67 51.5%, #462f6d 54.5%, #4b3573 57.6%, #4f3b78 60.6%, #52407d 63.6%, #554681 66.7%, #584c85 69.7%, #5a5389 72.7%, #5c598b 75.8%, #5f5f8e 78.8%, #616590 81.8%, #616b92 84.8%, #607294 87.9%, #5f7995 90.9%, #5e8095 93.9%, #5f8593 97.0%, #618892 100.0%);
background: linear-gradient(0deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(0.27% 0.0019 264.05) 3.0%, oklch(0.58% 0.0039 267.72) 6.1%, oklch(1.12% 0.0073 270.28) 9.1%, oklch(2.08% 0.0131 274.35) 12.1%, oklch(3.76% 0.0220 279.88) 15.2%, oklch(6.60% 0.0344 285.44) 18.2%, oklch(10.12% 0.0494 291.34) 21.2%, oklch(13.84% 0.0645 296.71) 24.2%, oklch(17.25% 0.0772 300.68) 27.3%, oklch(19.99% 0.0855 302.38) 30.3%, oklch(22.32% 0.0906 301.84) 33.3%, oklch(24.43% 0.0936 300.02) 36.4%, oklch(26.43% 0.0956 297.92) 39.4%, oklch(28.44% 0.0975 296.53) 42.4%, oklch(30.52% 0.0998 296.36) 45.5%, oklch(32.57% 0.1018 296.80) 48.5%, oklch(34.59% 0.1032 297.40) 51.5%, oklch(36.55% 0.1038 297.74) 54.5%, oklch(38.46% 0.1032 297.40) 57.6%, oklch(40.29% 0.1014 296.55) 60.6%, oklch(42.07% 0.0986 295.36) 63.6%, oklch(43.80% 0.0949 293.74) 66.7%, oklch(45.50% 0.0907 291.60) 69.7%, oklch(47.17% 0.0861 288.95) 72.7%, oklch(48.82% 0.0804 286.41) 75.8%, oklch(50.43% 0.0739 283.46) 78.8%, oklch(52.00% 0.0676 279.33) 81.8%, oklch(53.52% 0.0620 273.27) 84.8%, oklch(55.02% 0.0575 263.95) 87.9%, oklch(56.58% 0.0536 250.73) 90.9%, oklch(58.07% 0.0502 236.18) 93.9%, oklch(59.34% 0.0475 223.04) 97.0%, oklch(60.24% 0.0455 214.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0 | 0 | 257.3 |
| 2 | 0.031 | 0.019 | 278.5 |
| 3 | 0.185 | 0.081 | 301.7 |
| 4 | 0.287 | 0.098 | 296.4 |
| 5 | 0.382 | 0.103 | 297.5 |
| 6 | 0.465 | 0.088 | 290.1 |
| 7 | 0.539 | 0.061 | 271.1 |
| 8 | 0.602 | 0.045 | 214 |

## In these collections

- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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