# Purple and Pink: Aubergine and pale blush

The "Purple and Pink: Aubergine and pale blush" palette brings together dark purple, purple, magenta, and light 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 purple, and its lightest tone is light red.

- Also called: Dark purple, purple and pink linear swatches
- Seed: `kWPUHgMz29cnBwzWvcLbR1BA`
- Page: https://grabient.com/kWPUHgMz29cnBwzWvcLbR1BA?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.6 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 | `#2f0d3c` | `oklch(24.02% 0.0896 315.00)` | Dark Purple | white, 16.9 to 1 |
| 2 | `#512998` | `oklch(40.16% 0.1695 293.86)` | Eine Kleine Nachtmusik | white, 9.9 to 1 |
| 3 | `#a84db9` | `oklch(57.87% 0.1805 321.34)` | Royal Gramma Purple | white, 4.7 to 1 |
| 4 | `#df67af` | `oklch(68.11% 0.1695 345.65)` | Purple Hollyhock | black, 6.7 to 1 |
| 5 | `#fcbbd3` | `oklch(85.83% 0.0799 355.16)` | Dahlia Delight | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2f0d3c 0.000% 20.000%, #512998 20.000% 40.000%, #a84db9 40.000% 60.000%, #df67af 60.000% 80.000%, #fcbbd3 80.000% 100.000%);
background: linear-gradient(90deg, oklch(24.02% 0.0896 315.00) 0.000% 20.000%, oklch(40.16% 0.1695 293.86) 20.000% 40.000%, oklch(57.87% 0.1805 321.34) 40.000% 60.000%, oklch(68.11% 0.1695 345.65) 60.000% 80.000%, oklch(85.83% 0.0799 355.16) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.09 | 315 |
| 2 | 0.402 | 0.169 | 293.9 |
| 3 | 0.579 | 0.181 | 321.3 |
| 4 | 0.681 | 0.169 | 345.6 |
| 5 | 0.858 | 0.08 | 355.2 |

## In these collections

- [Purple and pink swatches](https://grabient.com/purple-and-pink-swatches)

## Other forms

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