# Near-black, rose and indigo color palette

The Near-black, rose and indigo color palette brings together dark purple, purple, magenta, light magenta, and blue. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits website sections and interface mockups. Its darkest tone is dark purple, and its lightest tone is light magenta.

- Also called: Analogous black, purple and pink linear gradient
- Seed: `kWIB_Vpy1AtjRRbsI78trc4Y`
- Page: https://grabient.com/kWIB_Vpy1AtjRRbsI78trc4Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 12.8 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 | `#090314` | `oklch(12.60% 0.0427 300.23)` | Obsidian Shard | white, 20.2 to 1 |
| 2 | `#0c041a` | `oklch(13.90% 0.0491 300.44)` | Not Tonight | white, 20 to 1 |
| 3 | `#110520` | `oklch(15.47% 0.0575 300.38)` | Election Night | white, 19.7 to 1 |
| 4 | `#150628` | `oklch(17.33% 0.0675 300.29)` | Election Night | white, 19.2 to 1 |
| 5 | `#1b0832` | `oklch(19.51% 0.0786 300.40)` | Middle Red Purple | white, 18.6 to 1 |
| 6 | `#230b3d` | `oklch(22.01% 0.0905 300.95)` | Middle Red Purple | white, 17.7 to 1 |
| 7 | `#2b0e49` | `oklch(24.85% 0.1028 302.16)` | Oily Purple | white, 16.6 to 1 |
| 8 | `#361255` | `oklch(28.06% 0.1151 304.27)` | Vanishing | white, 15.2 to 1 |
| 9 | `#441762` | `oklch(31.66% 0.1271 307.53)` | Obsidian Shell | white, 13.5 to 1 |
| 10 | `#561d71` | `oklch(36.07% 0.1415 312.62)` | Violethargic | white, 11.6 to 1 |
| 11 | `#6e237f` | `oklch(41.21% 0.1582 319.24)` | Berry Blackmail | white, 9.5 to 1 |
| 12 | `#8a288c` | `oklch(46.78% 0.1758 326.78)` | Druchii Violet | white, 7.6 to 1 |
| 13 | `#a82e96` | `oklch(52.52% 0.1927 334.60)` | Purple Cactus Flower | white, 6 to 1 |
| 14 | `#c6359c` | `oklch(58.12% 0.2072 342.08)` | Royal Fuchsia | white, 4.7 to 1 |
| 15 | `#e13e9f` | `oklch(63.31% 0.2179 348.60)` | Pink Bite | black, 5.4 to 1 |
| 16 | `#f749a2` | `oklch(67.80% 0.2231 353.52)` | Rose Bonbon | black, 6.4 to 1 |
| 17 | `#ff61a6` | `oklch(71.45% 0.2017 356.44)` | Neon Sunset | black, 7.5 to 1 |
| 18 | `#ff7cad` | `oklch(75.01% 0.1667 358.28)` | Erythrosine | black, 8.7 to 1 |
| 19 | `#ff91b6` | `oklch(78.41% 0.1376 359.22)` | Schauss Pink | black, 10 to 1 |
| 20 | `#ffa3c0` | `oklch(81.44% 0.1145 359.24)` | Taffy Pink | black, 11.2 to 1 |
| 21 | `#ffb0c9` | `oklch(83.87% 0.0977 358.34)` | Heartfelt | black, 12.2 to 1 |
| 22 | `#ffb8d1` | `oklch(85.49% 0.0877 356.50)` | Baby Pink | black, 13 to 1 |
| 23 | `#ffbad5` | `oklch(86.08% 0.0858 353.70)` | Cotton Candy | black, 13.2 to 1 |
| 24 | `#ffb6d8` | `oklch(85.42% 0.0940 349.93)` | Candy Bar | black, 12.9 to 1 |
| 25 | `#f5afd6` | `oklch(83.05% 0.0962 344.69)` | Spaghetti Strap Pink | black, 11.9 to 1 |
| 26 | `#e3a1d0` | `oklch(78.59% 0.0989 337.14)` | Exotic Violet | black, 10.2 to 1 |
| 27 | `#cb8ec8` | `oklch(72.63% 0.1059 327.99)` | Rose Souvenir | black, 8.2 to 1 |
| 28 | `#af7abf` | `oklch(65.82% 0.1155 318.01)` | Wisteria | black, 6.3 to 1 |
| 29 | `#9266b6` | `oklch(58.80% 0.1265 307.99)` | Viola | black, 4.7 to 1 |
| 30 | `#7554ad` | `oklch(52.21% 0.1371 298.71)` | Royal Lavender | white, 5.7 to 1 |
| 31 | `#5d46a4` | `oklch(46.70% 0.1460 290.93)` | Swiss Plum | white, 7.3 to 1 |
| 32 | `#4b3c9d` | `oklch(42.91% 0.1516 285.44)` | Royal Wisteria | white, 8.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #090314 0.0%, #0c041a 3.2%, #110520 6.5%, #150628 9.7%, #1b0832 12.9%, #230b3d 16.1%, #2b0e49 19.4%, #361255 22.6%, #441762 25.8%, #561d71 29.0%, #6e237f 32.3%, #8a288c 35.5%, #a82e96 38.7%, #c6359c 41.9%, #e13e9f 45.2%, #f749a2 48.4%, #ff61a6 51.6%, #ff7cad 54.8%, #ff91b6 58.1%, #ffa3c0 61.3%, #ffb0c9 64.5%, #ffb8d1 67.7%, #ffbad5 71.0%, #ffb6d8 74.2%, #f5afd6 77.4%, #e3a1d0 80.6%, #cb8ec8 83.9%, #af7abf 87.1%, #9266b6 90.3%, #7554ad 93.5%, #5d46a4 96.8%, #4b3c9d 100.0%);
background: linear-gradient(135deg in oklch, oklch(12.60% 0.0427 300.23) 0.0%, oklch(13.90% 0.0491 300.44) 3.2%, oklch(15.47% 0.0575 300.38) 6.5%, oklch(17.33% 0.0675 300.29) 9.7%, oklch(19.51% 0.0786 300.40) 12.9%, oklch(22.01% 0.0905 300.95) 16.1%, oklch(24.85% 0.1028 302.16) 19.4%, oklch(28.06% 0.1151 304.27) 22.6%, oklch(31.66% 0.1271 307.53) 25.8%, oklch(36.07% 0.1415 312.62) 29.0%, oklch(41.21% 0.1582 319.24) 32.3%, oklch(46.78% 0.1758 326.78) 35.5%, oklch(52.52% 0.1927 334.60) 38.7%, oklch(58.12% 0.2072 342.08) 41.9%, oklch(63.31% 0.2179 348.60) 45.2%, oklch(67.80% 0.2231 353.52) 48.4%, oklch(71.45% 0.2017 356.44) 51.6%, oklch(75.01% 0.1667 358.28) 54.8%, oklch(78.41% 0.1376 359.22) 58.1%, oklch(81.44% 0.1145 359.24) 61.3%, oklch(83.87% 0.0977 358.34) 64.5%, oklch(85.49% 0.0877 356.50) 67.7%, oklch(86.08% 0.0858 353.70) 71.0%, oklch(85.42% 0.0940 349.93) 74.2%, oklch(83.05% 0.0962 344.69) 77.4%, oklch(78.59% 0.0989 337.14) 80.6%, oklch(72.63% 0.1059 327.99) 83.9%, oklch(65.82% 0.1155 318.01) 87.1%, oklch(58.80% 0.1265 307.99) 90.3%, oklch(52.21% 0.1371 298.71) 93.5%, oklch(46.70% 0.1460 290.93) 96.8%, oklch(42.91% 0.1516 285.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.126 | 0.043 | 300.2 |
| 2 | 0.307 | 0.124 | 306.6 |
| 3 | 0.697 | 0.223 | 355.2 |
| 4 | 0.85 | 0.098 | 348.8 |
| 5 | 0.429 | 0.152 | 285.4 |

## In these collections

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

## Other forms

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