# Pale lavender blue and purple palette

The Pale lavender blue and purple palette brings together pale blue, light blue, and pale purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light blue, and its lightest tone is pale blue.

- Also called: Pastel analogous blue to lavender linear gradient
- Seed: `kU6iGpap1BmMgwtwFELA`
- Page: https://grabient.com/kU6iGpap1BmMgwtwFELA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#cbeaff` | `oklch(92.13% 0.0434 237.64)` | Veiling Waterfalls | black, 16.7 to 1 |
| 2 | `#c8e9ff` | `oklch(91.64% 0.0458 238.38)` | Blue Java Banana | black, 16.5 to 1 |
| 3 | `#c5e7ff` | `oklch(91.01% 0.0490 239.28)` | Icy Landscape | black, 16.1 to 1 |
| 4 | `#c0e4ff` | `oklch(90.26% 0.0527 240.31)` | Fresh Water | black, 15.8 to 1 |
| 5 | `#bce2ff` | `oklch(89.42% 0.0568 241.48)` | Dithered Sky | black, 15.4 to 1 |
| 6 | `#b7dfff` | `oklch(88.52% 0.0612 242.77)` | Dithered Sky | black, 14.9 to 1 |
| 7 | `#b2dcff` | `oklch(87.58% 0.0655 244.18)` | Droplet | black, 14.5 to 1 |
| 8 | `#aed8ff` | `oklch(86.64% 0.0694 245.70)` | Malmö FF | black, 14.1 to 1 |
| 9 | `#aad5fe` | `oklch(85.73% 0.0731 247.31)` | Malmö FF | black, 13.6 to 1 |
| 10 | `#a7d2fe` | `oklch(84.87% 0.0764 249.00)` | Baby Blue | black, 13.3 to 1 |
| 11 | `#a5cffd` | `oklch(84.09% 0.0792 250.78)` | Baby Blue | black, 12.9 to 1 |
| 12 | `#a3ccfd` | `oklch(83.38% 0.0813 252.66)` | Baby Blue | black, 12.6 to 1 |
| 13 | `#a1c9fc` | `oklch(82.60% 0.0834 254.71)` | Apocyan | black, 12.3 to 1 |
| 14 | `#a0c6fb` | `oklch(81.77% 0.0853 256.92)` | Apocyan | black, 11.9 to 1 |
| 15 | `#9fc2f9` | `oklch(80.93% 0.0870 259.24)` | Pastel Blue | black, 11.5 to 1 |
| 16 | `#9fbff8` | `oklch(80.13% 0.0884 261.65)` | Pastel Blue | black, 11.2 to 1 |
| 17 | `#9fbcf6` | `oklch(79.39% 0.0896 264.13)` | Pastel Blue | black, 10.9 to 1 |
| 18 | `#9fb9f5` | `oklch(78.76% 0.0904 266.65)` | Truesky Gloxym | black, 10.7 to 1 |
| 19 | `#a0b6f3` | `oklch(78.27% 0.0908 269.17)` | Wondrous Wisteria | black, 10.5 to 1 |
| 20 | `#a2b4f2` | `oklch(77.96% 0.0908 271.66)` | Wondrous Wisteria | black, 10.3 to 1 |
| 21 | `#a5b3f1` | `oklch(77.87% 0.0902 274.11)` | Wondrous Wisteria | black, 10.3 to 1 |
| 22 | `#a8b3f1` | `oklch(78.04% 0.0891 276.50)` | Wondrous Wisteria | black, 10.3 to 1 |
| 23 | `#adb4f1` | `oklch(78.56% 0.0870 279.01)` | Wondrous Wisteria | black, 10.5 to 1 |
| 24 | `#b2b6f1` | `oklch(79.37% 0.0841 281.67)` | Purple Illusion | black, 10.8 to 1 |
| 25 | `#b8b9f2` | `oklch(80.42% 0.0805 284.40)` | Purple Illusion | black, 11.2 to 1 |
| 26 | `#bfbcf3` | `oklch(81.63% 0.0765 287.13)` | Vodka | black, 11.6 to 1 |
| 27 | `#c6c0f4` | `oklch(82.92% 0.0722 289.81)` | Vodka | black, 12.2 to 1 |
| 28 | `#ccc4f5` | `oklch(84.23% 0.0680 292.36)` | Soap | black, 12.7 to 1 |
| 29 | `#d1c8f6` | `oklch(85.48% 0.0639 294.73)` | Soap | black, 13.2 to 1 |
| 30 | `#d6cbf7` | `oklch(86.61% 0.0603 296.83)` | Lavender Blue | black, 13.7 to 1 |
| 31 | `#dacef7` | `oklch(87.53% 0.0573 298.61)` | Pale Lavender | black, 14.2 to 1 |
| 32 | `#ddd1f8` | `oklch(88.19% 0.0551 300.00)` | Pale Lavender | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cbeaff 0.0%, #c8e9ff 3.2%, #c5e7ff 6.5%, #c0e4ff 9.7%, #bce2ff 12.9%, #b7dfff 16.1%, #b2dcff 19.4%, #aed8ff 22.6%, #aad5fe 25.8%, #a7d2fe 29.0%, #a5cffd 32.3%, #a3ccfd 35.5%, #a1c9fc 38.7%, #a0c6fb 41.9%, #9fc2f9 45.2%, #9fbff8 48.4%, #9fbcf6 51.6%, #9fb9f5 54.8%, #a0b6f3 58.1%, #a2b4f2 61.3%, #a5b3f1 64.5%, #a8b3f1 67.7%, #adb4f1 71.0%, #b2b6f1 74.2%, #b8b9f2 77.4%, #bfbcf3 80.6%, #c6c0f4 83.9%, #ccc4f5 87.1%, #d1c8f6 90.3%, #d6cbf7 93.5%, #dacef7 96.8%, #ddd1f8 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.13% 0.0434 237.64) 0.0%, oklch(91.64% 0.0458 238.38) 3.2%, oklch(91.01% 0.0490 239.28) 6.5%, oklch(90.26% 0.0527 240.31) 9.7%, oklch(89.42% 0.0568 241.48) 12.9%, oklch(88.52% 0.0612 242.77) 16.1%, oklch(87.58% 0.0655 244.18) 19.4%, oklch(86.64% 0.0694 245.70) 22.6%, oklch(85.73% 0.0731 247.31) 25.8%, oklch(84.87% 0.0764 249.00) 29.0%, oklch(84.09% 0.0792 250.78) 32.3%, oklch(83.38% 0.0813 252.66) 35.5%, oklch(82.60% 0.0834 254.71) 38.7%, oklch(81.77% 0.0853 256.92) 41.9%, oklch(80.93% 0.0870 259.24) 45.2%, oklch(80.13% 0.0884 261.65) 48.4%, oklch(79.39% 0.0896 264.13) 51.6%, oklch(78.76% 0.0904 266.65) 54.8%, oklch(78.27% 0.0908 269.17) 58.1%, oklch(77.96% 0.0908 271.66) 61.3%, oklch(77.87% 0.0902 274.11) 64.5%, oklch(78.04% 0.0891 276.50) 67.7%, oklch(78.56% 0.0870 279.01) 71.0%, oklch(79.37% 0.0841 281.67) 74.2%, oklch(80.42% 0.0805 284.40) 77.4%, oklch(81.63% 0.0765 287.13) 80.6%, oklch(82.92% 0.0722 289.81) 83.9%, oklch(84.23% 0.0680 292.36) 87.1%, oklch(85.48% 0.0639 294.73) 90.3%, oklch(86.61% 0.0603 296.83) 93.5%, oklch(87.53% 0.0573 298.61) 96.8%, oklch(88.19% 0.0551 300.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.045 | 237.7 |
| 2 | 0.839 | 0.08 | 251.4 |
| 3 | 0.78 | 0.09 | 275.7 |
| 4 | 0.882 | 0.055 | 300 |

## In these collections

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

## Other forms

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