# Pale periwinkle, magenta and wine analogous palette

The Pale periwinkle, magenta and wine analogous palette brings together light blue, light purple, purple, magenta, and dark magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and campaign graphics. Its darkest tone is dark magenta, and its lightest tone is light blue.

- Also called: Analogous light blue and dark purple radial swatches
- Seed: `kW2i_KW6pCMi4QezNUHICNCA`
- Page: https://grabient.com/kW2i_KW6pCMi4QezNUHICNCA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.5 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 | `#cbcbfa` | `oklch(85.83% 0.0648 284.06)` | Lavender Blue | black, 13.4 to 1 |
| 2 | `#b392e0` | `oklch(72.05% 0.1157 303.08)` | Dreamy Candy Forest | black, 8.1 to 1 |
| 3 | `#9e54af` | `oklch(57.09% 0.1543 319.99)` | Purple Plum | white, 4.8 to 1 |
| 4 | `#741d65` | `oklch(40.16% 0.1461 335.84)` | Purple Curse | white, 9.9 to 1 |
| 5 | `#420425` | `oklch(25.20% 0.0965 353.81)` | Blaze It Dark Magenta | white, 16.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cbcbfa 0.000% 20.000%, #b392e0 20.000% 40.000%, #9e54af 40.000% 60.000%, #741d65 60.000% 80.000%, #420425 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(85.83% 0.0648 284.06) 0.000% 20.000%, oklch(72.05% 0.1157 303.08) 20.000% 40.000%, oklch(57.09% 0.1543 319.99) 40.000% 60.000%, oklch(40.16% 0.1461 335.84) 60.000% 80.000%, oklch(25.20% 0.0965 353.81) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.065 | 284.1 |
| 2 | 0.72 | 0.116 | 303.1 |
| 3 | 0.571 | 0.154 | 320 |
| 4 | 0.402 | 0.146 | 335.8 |
| 5 | 0.252 | 0.096 | 353.8 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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