# Aubergine wallpaper palette

The Aubergine wallpaper palette brings together dark purple and purple. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark purple, and its lightest tone is purple.

- Also called: Seamless muted navy and purple linear gradient
- Seed: `kSPCvXzq7Bp0Tva`
- Page: https://grabient.com/kSPCvXzq7Bp0Tva?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, muted, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.3 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 | `#241635` | `oklch(23.62% 0.0593 303.05)` | Blacklist | white, 16.8 to 1 |
| 2 | `#28193a` | `oklch(25.16% 0.0620 303.65)` | Blackcurrant | white, 16.2 to 1 |
| 3 | `#2e1e41` | `oklch(27.24% 0.0658 304.48)` | Throat | white, 15.2 to 1 |
| 4 | `#362349` | `oklch(29.78% 0.0704 305.49)` | Power Outage | white, 14 to 1 |
| 5 | `#3f2953` | `oklch(32.67% 0.0757 306.65)` | Operetta Mauve | white, 12.7 to 1 |
| 6 | `#48305d` | `oklch(35.83% 0.0814 307.92)` | Scarlet Gum | white, 11.3 to 1 |
| 7 | `#533769` | `oklch(39.17% 0.0875 309.25)` | Purple Protégé | white, 9.9 to 1 |
| 8 | `#5f3e74` | `oklch(42.59% 0.0937 310.61)` | Heartless | white, 8.6 to 1 |
| 9 | `#6b4680` | `oklch(46.00% 0.0999 311.97)` | Pageantry Purple | white, 7.4 to 1 |
| 10 | `#764e8c` | `oklch(49.30% 0.1059 313.27)` | Purple Sapphire | white, 6.5 to 1 |
| 11 | `#825596` | `oklch(52.41% 0.1115 314.49)` | Royal Lilac | white, 5.7 to 1 |
| 12 | `#8c5ba0` | `oklch(55.22% 0.1166 315.58)` | Wisteria Purple | white, 5 to 1 |
| 13 | `#9561a9` | `oklch(57.66% 0.1209 316.50)` | Empire Violet | white, 4.6 to 1 |
| 14 | `#9d66b0` | `oklch(59.61% 0.1244 317.21)` | Prickly Purple | black, 4.9 to 1 |
| 15 | `#a269b4` | `oklch(61.00% 0.1268 317.68)` | Prickly Purple | black, 5.2 to 1 |
| 16 | `#a56bb7` | `oklch(61.73% 0.1281 317.87)` | Soft Purple | black, 5.3 to 1 |
| 17 | `#a56bb7` | `oklch(61.70% 0.1279 317.73)` | Soft Purple | black, 5.3 to 1 |
| 18 | `#a169b4` | `oklch(60.92% 0.1263 317.26)` | Prickly Purple | black, 5.2 to 1 |
| 19 | `#9c66af` | `oklch(59.48% 0.1235 316.48)` | Prickly Purple | black, 4.9 to 1 |
| 20 | `#9461a8` | `oklch(57.46% 0.1196 315.46)` | Empire Violet | white, 4.6 to 1 |
| 21 | `#8a5ba0` | `oklch(54.97% 0.1148 314.22)` | Sonic Plum | white, 5.1 to 1 |
| 22 | `#7f5596` | `oklch(52.10% 0.1093 312.82)` | Royal Lilac | white, 5.7 to 1 |
| 23 | `#734e8b` | `oklch(48.93% 0.1033 311.28)` | Purple Sapphire | white, 6.5 to 1 |
| 24 | `#67467f` | `oklch(45.57% 0.0969 309.67)` | Regality | white, 7.5 to 1 |
| 25 | `#5b3f73` | `oklch(42.11% 0.0903 308.01)` | Drifting Violet | white, 8.7 to 1 |
| 26 | `#4f3767` | `oklch(38.63% 0.0837 306.35)` | Petunia | white, 10.1 to 1 |
| 27 | `#44305b` | `oklch(35.24% 0.0773 304.74)` | Jakarta Skyline | white, 11.5 to 1 |
| 28 | `#3a2950` | `oklch(32.03% 0.0712 303.21)` | Operetta Mauve | white, 13 to 1 |
| 29 | `#322347` | `oklch(29.09% 0.0656 301.82)` | Power Outage | white, 14.3 to 1 |
| 30 | `#2a1d3e` | `oklch(26.52% 0.0607 300.59)` | Throat | white, 15.5 to 1 |
| 31 | `#241937` | `oklch(24.40% 0.0567 299.58)` | Prune Plum | white, 16.5 to 1 |
| 32 | `#201632` | `oklch(22.83% 0.0537 298.82)` | Blacklist | white, 17.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #241635 0.0%, #28193a 3.2%, #2e1e41 6.5%, #362349 9.7%, #3f2953 12.9%, #48305d 16.1%, #533769 19.4%, #5f3e74 22.6%, #6b4680 25.8%, #764e8c 29.0%, #825596 32.3%, #8c5ba0 35.5%, #9561a9 38.7%, #9d66b0 41.9%, #a269b4 45.2%, #a56bb7 48.4%, #a56bb7 51.6%, #a169b4 54.8%, #9c66af 58.1%, #9461a8 61.3%, #8a5ba0 64.5%, #7f5596 67.7%, #734e8b 71.0%, #67467f 74.2%, #5b3f73 77.4%, #4f3767 80.6%, #44305b 83.9%, #3a2950 87.1%, #322347 90.3%, #2a1d3e 93.5%, #241937 96.8%, #201632 100.0%);
background: linear-gradient(135deg in oklch, oklch(23.62% 0.0593 303.05) 0.0%, oklch(25.16% 0.0620 303.65) 3.2%, oklch(27.24% 0.0658 304.48) 6.5%, oklch(29.78% 0.0704 305.49) 9.7%, oklch(32.67% 0.0757 306.65) 12.9%, oklch(35.83% 0.0814 307.92) 16.1%, oklch(39.17% 0.0875 309.25) 19.4%, oklch(42.59% 0.0937 310.61) 22.6%, oklch(46.00% 0.0999 311.97) 25.8%, oklch(49.30% 0.1059 313.27) 29.0%, oklch(52.41% 0.1115 314.49) 32.3%, oklch(55.22% 0.1166 315.58) 35.5%, oklch(57.66% 0.1209 316.50) 38.7%, oklch(59.61% 0.1244 317.21) 41.9%, oklch(61.00% 0.1268 317.68) 45.2%, oklch(61.73% 0.1281 317.87) 48.4%, oklch(61.70% 0.1279 317.73) 51.6%, oklch(60.92% 0.1263 317.26) 54.8%, oklch(59.48% 0.1235 316.48) 58.1%, oklch(57.46% 0.1196 315.46) 61.3%, oklch(54.97% 0.1148 314.22) 64.5%, oklch(52.10% 0.1093 312.82) 67.7%, oklch(48.93% 0.1033 311.28) 71.0%, oklch(45.57% 0.0969 309.67) 74.2%, oklch(42.11% 0.0903 308.01) 77.4%, oklch(38.63% 0.0837 306.35) 80.6%, oklch(35.24% 0.0773 304.74) 83.9%, oklch(32.03% 0.0712 303.21) 87.1%, oklch(29.09% 0.0656 301.82) 90.3%, oklch(26.52% 0.0607 300.59) 93.5%, oklch(24.40% 0.0567 299.58) 96.8%, oklch(22.83% 0.0537 298.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.059 | 303 |
| 2 | 0.618 | 0.128 | 317.8 |
| 3 | 0.228 | 0.054 | 298.8 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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