# Near-black and rose color palette

The Near-black and rose color palette brings together dark blue, dark purple, magenta, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is red.

- Also called: Black, magenta and dark purple linear gradient
- Seed: `kaGRXFlhrBaQnwo2t8VTcxAy-vvwSD7qA`
- Page: https://grabient.com/kaGRXFlhrBaQnwo2t8VTcxAy-vvwSD7qA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#02020b` | `oklch(9.84% 0.0289 277.73)` | Ninja | white, 20.6 to 1 |
| 2 | `#030310` | `oklch(10.77% 0.0348 279.25)` | Broken Tube | white, 20.5 to 1 |
| 3 | `#040315` | `oklch(12.03% 0.0432 281.28)` | Obsidian Shard | white, 20.3 to 1 |
| 4 | `#07041d` | `oklch(13.55% 0.0529 283.78)` | Midnight Jam | white, 20.1 to 1 |
| 5 | `#0b0524` | `oklch(15.25% 0.0628 286.66)` | Election Night | white, 19.7 to 1 |
| 6 | `#11062c` | `oklch(17.02% 0.0717 289.86)` | Quiet Abyss | white, 19.3 to 1 |
| 7 | `#170833` | `oklch(18.86% 0.0792 293.20)` | Quiet Abyss | white, 18.8 to 1 |
| 8 | `#1d0a39` | `oklch(20.83% 0.0860 296.64)` | Middle Red Purple | white, 18.1 to 1 |
| 9 | `#250d40` | `oklch(22.93% 0.0926 300.47)` | Shadow Planet | white, 17.3 to 1 |
| 10 | `#2d0f47` | `oklch(25.16% 0.0992 304.99)` | Oily Purple | white, 16.4 to 1 |
| 11 | `#38124d` | `oklch(27.53% 0.1063 310.50)` | Russian Violet | white, 15.4 to 1 |
| 12 | `#441452` | `oklch(30.03% 0.1141 317.61)` | Plunged Into Darkness | white, 14.3 to 1 |
| 13 | `#531554` | `oklch(32.66% 0.1220 326.89)` | Cosmic Explorer | white, 13.1 to 1 |
| 14 | `#631654` | `oklch(35.42% 0.1303 337.11)` | Grape Purple | white, 11.8 to 1 |
| 15 | `#731751` | `oklch(38.32% 0.1390 346.94)` | Velvet | white, 10.6 to 1 |
| 16 | `#83194f` | `oklch(41.35% 0.1482 355.05)` | French Plum | white, 9.4 to 1 |
| 17 | `#941d50` | `oklch(44.70% 0.1585 0.33)` | Wine Grape | white, 8.2 to 1 |
| 18 | `#a92357` | `oklch(49.16% 0.1725 3.42)` | Vivacious | white, 6.8 to 1 |
| 19 | `#c02a60` | `oklch(53.97% 0.1876 4.97)` | Maroon Light | white, 5.6 to 1 |
| 20 | `#d4306a` | `oklch(58.15% 0.2008 5.49)` | Raspberry Sorbet | white, 4.7 to 1 |
| 21 | `#e03570` | `oklch(60.70% 0.2087 5.49)` | Watermelon Sugar | black, 4.9 to 1 |
| 22 | `#df3570` | `oklch(60.68% 0.2082 5.46)` | Watermelon Sugar | black, 4.8 to 1 |
| 23 | `#d23169` | `oklch(57.88% 0.1990 5.53)` | Raspberry Sorbet | white, 4.7 to 1 |
| 24 | `#bc2a5d` | `oklch(53.17% 0.1837 5.24)` | Maroon Light | white, 5.8 to 1 |
| 25 | `#a12251` | `oklch(47.45% 0.1650 4.08)` | Cherries Jubilee | white, 7.3 to 1 |
| 26 | `#861a47` | `oklch(41.64% 0.1456 1.56)` | Akuma’s Fury | white, 9.3 to 1 |
| 27 | `#6f1540` | `oklch(36.63% 0.1282 357.13)` | Her Fierceness | white, 11.3 to 1 |
| 28 | `#57113a` | `oklch(31.67% 0.1099 349.46)` | Mulberry Wood | white, 13.5 to 1 |
| 29 | `#3f0e33` | `oklch(26.45% 0.0901 339.36)` | Greek Aubergine | white, 15.8 to 1 |
| 30 | `#2a0a29` | `oklch(21.46% 0.0709 328.64)` | Dark Prom Queen | white, 17.8 to 1 |
| 31 | `#1a071e` | `oklch(17.20% 0.0544 319.12)` | Meški Black | white, 19.2 to 1 |
| 32 | `#0f0416` | `oklch(14.17% 0.0427 312.61)` | Not Tonight | white, 19.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #02020b 0.0%, #030310 3.2%, #040315 6.5%, #07041d 9.7%, #0b0524 12.9%, #11062c 16.1%, #170833 19.4%, #1d0a39 22.6%, #250d40 25.8%, #2d0f47 29.0%, #38124d 32.3%, #441452 35.5%, #531554 38.7%, #631654 41.9%, #731751 45.2%, #83194f 48.4%, #941d50 51.6%, #a92357 54.8%, #c02a60 58.1%, #d4306a 61.3%, #e03570 64.5%, #df3570 67.7%, #d23169 71.0%, #bc2a5d 74.2%, #a12251 77.4%, #861a47 80.6%, #6f1540 83.9%, #57113a 87.1%, #3f0e33 90.3%, #2a0a29 93.5%, #1a071e 96.8%, #0f0416 100.0%);
background: linear-gradient(45deg in oklch, oklch(9.84% 0.0289 277.73) 0.0%, oklch(10.77% 0.0348 279.25) 3.2%, oklch(12.03% 0.0432 281.28) 6.5%, oklch(13.55% 0.0529 283.78) 9.7%, oklch(15.25% 0.0628 286.66) 12.9%, oklch(17.02% 0.0717 289.86) 16.1%, oklch(18.86% 0.0792 293.20) 19.4%, oklch(20.83% 0.0860 296.64) 22.6%, oklch(22.93% 0.0926 300.47) 25.8%, oklch(25.16% 0.0992 304.99) 29.0%, oklch(27.53% 0.1063 310.50) 32.3%, oklch(30.03% 0.1141 317.61) 35.5%, oklch(32.66% 0.1220 326.89) 38.7%, oklch(35.42% 0.1303 337.11) 41.9%, oklch(38.32% 0.1390 346.94) 45.2%, oklch(41.35% 0.1482 355.05) 48.4%, oklch(44.70% 0.1585 0.33) 51.6%, oklch(49.16% 0.1725 3.42) 54.8%, oklch(53.97% 0.1876 4.97) 58.1%, oklch(58.15% 0.2008 5.49) 61.3%, oklch(60.70% 0.2087 5.49) 64.5%, oklch(60.68% 0.2082 5.46) 67.7%, oklch(57.88% 0.1990 5.53) 71.0%, oklch(53.17% 0.1837 5.24) 74.2%, oklch(47.45% 0.1650 4.08) 77.4%, oklch(41.64% 0.1456 1.56) 80.6%, oklch(36.63% 0.1282 357.13) 83.9%, oklch(31.67% 0.1099 349.46) 87.1%, oklch(26.45% 0.0901 339.36) 90.3%, oklch(21.46% 0.0709 328.64) 93.5%, oklch(17.20% 0.0544 319.12) 96.8%, oklch(14.17% 0.0427 312.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.098 | 0.029 | 277.7 |
| 2 | 0.173 | 0.073 | 290.4 |
| 3 | 0.283 | 0.109 | 312.6 |
| 4 | 0.429 | 0.153 | 358 |
| 5 | 0.61 | 0.209 | 365.4 |
| 6 | 0.374 | 0.131 | 358 |
| 7 | 0.142 | 0.043 | 312.6 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Galaxy gradients](https://grabient.com/galaxy-gradients)

## Other forms

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