# Rose, aubergine and near-black color palette

The Rose, aubergine and near-black color palette brings together magenta, purple, dark blue, and black. 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 black, and its lightest tone is magenta.

- Also called: Analogous pink, purple and black radial gradient
- Seed: `kWr6D5Sdq9jHIvOYIL2B4S_4`
- Page: https://grabient.com/kWr6D5Sdq9jHIvOYIL2B4S_4?style=radialGradient&steps=48&angle=25
- Drawn as: radial gradient, 48 steps, 25 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.7 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 | `#f850ae` | `oklch(68.90% 0.2205 350.16)` | Barbie Pink | black, 6.7 to 1 |
| 2 | `#f64eae` | `oklch(68.38% 0.2222 349.18)` | Major Magenta | black, 6.6 to 1 |
| 3 | `#f34baf` | `oklch(67.76% 0.2246 347.98)` | Major Magenta | black, 6.4 to 1 |
| 4 | `#f047b1` | `oklch(67.05% 0.2277 346.58)` | Major Magenta | black, 6.2 to 1 |
| 5 | `#ed43b3` | `oklch(66.26% 0.2312 345.01)` | Major Magenta | black, 6 to 1 |
| 6 | `#e93eb4` | `oklch(65.39% 0.2348 343.30)` | Pink Bite | black, 5.8 to 1 |
| 7 | `#e539b6` | `oklch(64.44% 0.2385 341.47)` | Pink Bite | black, 5.6 to 1 |
| 8 | `#e034b8` | `oklch(63.43% 0.2419 339.55)` | Loudicious Pink | black, 5.3 to 1 |
| 9 | `#db2eba` | `oklch(62.36% 0.2450 337.57)` | Loudicious Pink | black, 5.1 to 1 |
| 10 | `#d629bb` | `oklch(61.23% 0.2474 335.56)` | Magentella | black, 4.8 to 1 |
| 11 | `#cf24bd` | `oklch(60.04% 0.2491 333.54)` | Magentella | black, 4.6 to 1 |
| 12 | `#c91fbd` | `oklch(58.82% 0.2497 331.55)` | Explosive Purple | white, 4.7 to 1 |
| 13 | `#c21bbd` | `oklch(57.55% 0.2492 329.59)` | Fuchsia Flair | white, 5 to 1 |
| 14 | `#ba18bd` | `oklch(56.20% 0.2478 327.58)` | Fuchsia Flair | white, 5.3 to 1 |
| 15 | `#b214bc` | `oklch(54.77% 0.2457 325.47)` | Barney | white, 5.6 to 1 |
| 16 | `#aa11ba` | `oklch(53.25% 0.2431 323.30)` | Heliotrope Magenta | white, 6 to 1 |
| 17 | `#a10eb8` | `oklch(51.67% 0.2398 321.07)` | Nebula | white, 6.4 to 1 |
| 18 | `#980bb6` | `oklch(50.03% 0.2360 318.82)` | Shiffurple | white, 6.8 to 1 |
| 19 | `#8f09b2` | `oklch(48.36% 0.2316 316.55)` | Minesweeper’s Purple | white, 7.3 to 1 |
| 20 | `#8607af` | `oklch(46.66% 0.2268 314.28)` | Shade of Violet | white, 7.9 to 1 |
| 21 | `#7d06aa` | `oklch(44.94% 0.2215 312.05)` | Shade of Violet | white, 8.4 to 1 |
| 22 | `#7405a6` | `oklch(43.22% 0.2158 309.86)` | Chinese Purple | white, 9.1 to 1 |
| 23 | `#6b04a0` | `oklch(41.50% 0.2096 307.73)` | Indigo Purple | white, 9.7 to 1 |
| 24 | `#63049b` | `oklch(39.81% 0.2032 305.70)` | Indigo Purple | white, 10.4 to 1 |
| 25 | `#5b0495` | `oklch(38.14% 0.1963 303.74)` | SQL Injection Purple | white, 11 to 1 |
| 26 | `#53058e` | `oklch(36.42% 0.1884 301.75)` | Indigo Girls | white, 11.8 to 1 |
| 27 | `#4b0686` | `oklch(34.66% 0.1798 299.74)` | Indigo Static | white, 12.5 to 1 |
| 28 | `#43077e` | `oklch(32.86% 0.1704 297.72)` | Invasive Indigo | white, 13.3 to 1 |
| 29 | `#3b0876` | `oklch(31.05% 0.1605 295.73)` | Galactic Federation | white, 14.1 to 1 |
| 30 | `#34096d` | `oklch(29.24% 0.1503 293.80)` | Candied Blueberry | white, 14.9 to 1 |
| 31 | `#2d0964` | `oklch(27.45% 0.1399 291.94)` | Infinite Inkwell | white, 15.6 to 1 |
| 32 | `#270a5b` | `oklch(25.69% 0.1295 290.20)` | Praise of Shadow | white, 16.4 to 1 |
| 33 | `#210952` | `oklch(23.97% 0.1193 288.59)` | Indigo Sloth | white, 17 to 1 |
| 34 | `#1c094a` | `oklch(22.32% 0.1095 287.15)` | Magic Whale | white, 17.7 to 1 |
| 35 | `#170842` | `oklch(20.74% 0.1002 285.89)` | Magic Whale | white, 18.2 to 1 |
| 36 | `#13073b` | `oklch(19.25% 0.0916 284.86)` | Congressional Navy | white, 18.7 to 1 |
| 37 | `#100634` | `oklch(17.85% 0.0836 284.08)` | Congressional Navy | white, 19.1 to 1 |
| 38 | `#0c052d` | `oklch(16.46% 0.0756 283.55)` | Cosmic Void | white, 19.5 to 1 |
| 39 | `#0a0426` | `oklch(15.10% 0.0676 283.26)` | Mysterious Depths | white, 19.8 to 1 |
| 40 | `#070420` | `oklch(13.78% 0.0598 283.15)` | Melanophobia | white, 20 to 1 |
| 41 | `#05031a` | `oklch(12.50% 0.0522 283.20)` | Obsidian Shard | white, 20.3 to 1 |
| 42 | `#040214` | `oklch(11.29% 0.0450 283.36)` | Obsidian Shard | white, 20.4 to 1 |
| 43 | `#03020f` | `oklch(10.15% 0.0381 283.59)` | Broken Tube | white, 20.6 to 1 |
| 44 | `#02010b` | `oklch(9.10% 0.0317 283.87)` | Ninja | white, 20.7 to 1 |
| 45 | `#020107` | `oklch(8.13% 0.0258 284.15)` | Raven’s Coat | white, 20.7 to 1 |
| 46 | `#010104` | `oklch(7.27% 0.0206 284.40)` | Black Hole | white, 20.8 to 1 |
| 47 | `#010103` | `oklch(6.52% 0.0161 284.57)` | Binary Black | white, 20.8 to 1 |
| 48 | `#010102` | `oklch(5.91% 0.0124 284.64)` | Binary Black | white, 20.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f850ae 0.0%, #f64eae 2.1%, #f34baf 4.3%, #f047b1 6.4%, #ed43b3 8.5%, #e93eb4 10.6%, #e539b6 12.8%, #e034b8 14.9%, #db2eba 17.0%, #d629bb 19.1%, #cf24bd 21.3%, #c91fbd 23.4%, #c21bbd 25.5%, #ba18bd 27.7%, #b214bc 29.8%, #aa11ba 31.9%, #a10eb8 34.0%, #980bb6 36.2%, #8f09b2 38.3%, #8607af 40.4%, #7d06aa 42.6%, #7405a6 44.7%, #6b04a0 46.8%, #63049b 48.9%, #5b0495 51.1%, #53058e 53.2%, #4b0686 55.3%, #43077e 57.4%, #3b0876 59.6%, #34096d 61.7%, #2d0964 63.8%, #270a5b 66.0%, #210952 68.1%, #1c094a 70.2%, #170842 72.3%, #13073b 74.5%, #100634 76.6%, #0c052d 78.7%, #0a0426 80.9%, #070420 83.0%, #05031a 85.1%, #040214 87.2%, #03020f 89.4%, #02010b 91.5%, #020107 93.6%, #010104 95.7%, #010103 97.9%, #010102 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.90% 0.2205 350.16) 0.0%, oklch(68.38% 0.2222 349.18) 2.1%, oklch(67.76% 0.2246 347.98) 4.3%, oklch(67.05% 0.2277 346.58) 6.4%, oklch(66.26% 0.2312 345.01) 8.5%, oklch(65.39% 0.2348 343.30) 10.6%, oklch(64.44% 0.2385 341.47) 12.8%, oklch(63.43% 0.2419 339.55) 14.9%, oklch(62.36% 0.2450 337.57) 17.0%, oklch(61.23% 0.2474 335.56) 19.1%, oklch(60.04% 0.2491 333.54) 21.3%, oklch(58.82% 0.2497 331.55) 23.4%, oklch(57.55% 0.2492 329.59) 25.5%, oklch(56.20% 0.2478 327.58) 27.7%, oklch(54.77% 0.2457 325.47) 29.8%, oklch(53.25% 0.2431 323.30) 31.9%, oklch(51.67% 0.2398 321.07) 34.0%, oklch(50.03% 0.2360 318.82) 36.2%, oklch(48.36% 0.2316 316.55) 38.3%, oklch(46.66% 0.2268 314.28) 40.4%, oklch(44.94% 0.2215 312.05) 42.6%, oklch(43.22% 0.2158 309.86) 44.7%, oklch(41.50% 0.2096 307.73) 46.8%, oklch(39.81% 0.2032 305.70) 48.9%, oklch(38.14% 0.1963 303.74) 51.1%, oklch(36.42% 0.1884 301.75) 53.2%, oklch(34.66% 0.1798 299.74) 55.3%, oklch(32.86% 0.1704 297.72) 57.4%, oklch(31.05% 0.1605 295.73) 59.6%, oklch(29.24% 0.1503 293.80) 61.7%, oklch(27.45% 0.1399 291.94) 63.8%, oklch(25.69% 0.1295 290.20) 66.0%, oklch(23.97% 0.1193 288.59) 68.1%, oklch(22.32% 0.1095 287.15) 70.2%, oklch(20.74% 0.1002 285.89) 72.3%, oklch(19.25% 0.0916 284.86) 74.5%, oklch(17.85% 0.0836 284.08) 76.6%, oklch(16.46% 0.0756 283.55) 78.7%, oklch(15.10% 0.0676 283.26) 80.9%, oklch(13.78% 0.0598 283.15) 83.0%, oklch(12.50% 0.0522 283.20) 85.1%, oklch(11.29% 0.0450 283.36) 87.2%, oklch(10.15% 0.0381 283.59) 89.4%, oklch(9.10% 0.0317 283.87) 91.5%, oklch(8.13% 0.0258 284.15) 93.6%, oklch(7.27% 0.0206 284.40) 95.7%, oklch(6.52% 0.0161 284.57) 97.9%, oklch(5.91% 0.0124 284.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.22 | 350.2 |
| 2 | 0.579 | 0.249 | 330.1 |
| 3 | 0.39 | 0.2 | 304.7 |
| 4 | 0.189 | 0.09 | 284.6 |
| 5 | 0.059 | 0.012 | 284.6 |

## In these collections

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

## Other forms

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