# Pale lilac blue and purple palette

The Pale lilac blue and purple palette brings together dark blue, purple, blue, light blue, pale teal, and pale magenta. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale teal.

- Also called: Navy, purple, light blue and pink linear swatches
- Seed: `kcPy3MqLjALk-v5QrT66Ri7viXut7icBcw7QA`
- Page: https://grabient.com/kcPy3MqLjALk-v5QrT66Ri7viXut7icBcw7QA?style=linearSwatches&steps=8
- Drawn as: linear swatches, 8 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.1 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 | `#201b3d` | `oklch(24.80% 0.0620 287.58)` | Prune Plum | white, 16.3 to 1 |
| 2 | `#36147a` | `oklch(31.89% 0.1557 289.69)` | Persian Indigo | white, 13.6 to 1 |
| 3 | `#533cad` | `oklch(44.88% 0.1722 286.52)` | Megadrive Screen | white, 8 to 1 |
| 4 | `#7682d5` | `oklch(63.39% 0.1240 275.95)` | Tanzine | black, 5.9 to 1 |
| 5 | `#9fcdee` | `oklch(82.68% 0.0675 240.02)` | Mediterranean Charm | black, 12.4 to 1 |
| 6 | `#bbfcfd` | `oklch(94.88% 0.0648 196.70)` | Friendly Frost | black, 18.4 to 1 |
| 7 | `#e3fcfd` | `oklch(97.24% 0.0262 199.87)` | Matterhorn Snow | black, 19.5 to 1 |
| 8 | `#f2d6ea` | `oklch(90.55% 0.0400 336.19)` | Infatuation | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #201b3d 0.000% 12.500%, #36147a 12.500% 25.000%, #533cad 25.000% 37.500%, #7682d5 37.500% 50.000%, #9fcdee 50.000% 62.500%, #bbfcfd 62.500% 75.000%, #e3fcfd 75.000% 87.500%, #f2d6ea 87.500% 100.000%);
background: linear-gradient(90deg, oklch(24.80% 0.0620 287.58) 0.000% 12.500%, oklch(31.89% 0.1557 289.69) 12.500% 25.000%, oklch(44.88% 0.1722 286.52) 25.000% 37.500%, oklch(63.39% 0.1240 275.95) 37.500% 50.000%, oklch(82.68% 0.0675 240.02) 50.000% 62.500%, oklch(94.88% 0.0648 196.70) 62.500% 75.000%, oklch(97.24% 0.0262 199.87) 75.000% 87.500%, oklch(90.55% 0.0400 336.19) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.062 | 287.6 |
| 2 | 0.319 | 0.156 | 289.7 |
| 3 | 0.449 | 0.172 | 286.5 |
| 4 | 0.634 | 0.124 | 276 |
| 5 | 0.827 | 0.068 | 240 |
| 6 | 0.949 | 0.065 | 196.7 |
| 7 | 0.972 | 0.026 | 199.9 |
| 8 | 0.906 | 0.04 | 336.2 |

## In these collections

- [Blue and mauve gradients](https://grabient.com/blue-and-mauve-gradients)
- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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