# Blue and lilac lavender palette

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

- Also called: Analogous light blue, purple and pink angular gradient
- Seed: `ka6RfCZxbAVakwNHs8DzDRCdwqwdpm0DA`
- Page: https://grabient.com/ka6RfCZxbAVakwNHs8DzDRCdwqwdpm0DA?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: dark center
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#dce3fa` | `oklch(91.73% 0.0317 272.81)` | Stoic White | black, 16.4 to 1 |
| 2 | `#d7def8` | `oklch(90.38% 0.0355 273.16)` | Nostalgia Perfume | black, 15.7 to 1 |
| 3 | `#d0d8f5` | `oklch(88.50% 0.0408 273.62)` | Flax Bloom | black, 14.8 to 1 |
| 4 | `#c8d0f2` | `oklch(86.27% 0.0472 274.19)` | Frozen Periwinkle | black, 13.7 to 1 |
| 5 | `#bfc8ee` | `oklch(83.87% 0.0540 274.92)` | Cuddle | black, 12.7 to 1 |
| 6 | `#b7c0eb` | `oklch(81.49% 0.0609 275.82)` | Larkspur Bud | black, 11.7 to 1 |
| 7 | `#afb8e7` | `oklch(79.13% 0.0677 276.92)` | Perano | black, 10.8 to 1 |
| 8 | `#a8afe3` | `oklch(76.62% 0.0750 278.25)` | Maximum Blue Purple | black, 9.8 to 1 |
| 9 | `#a0a6df` | `oklch(74.03% 0.0825 279.73)` | Sorbet Ice Mauve | black, 8.9 to 1 |
| 10 | `#999cda` | `oklch(71.44% 0.0902 281.29)` | Dalmatian Sage | black, 8.1 to 1 |
| 11 | `#9293d6` | `oklch(68.92% 0.0980 282.86)` | Portage | black, 7.3 to 1 |
| 12 | `#8c8ad2` | `oklch(66.42% 0.1061 284.33)` | Adora | black, 6.6 to 1 |
| 13 | `#8580ce` | `oklch(63.67% 0.1151 285.58)` | Indigo Bloom | black, 5.9 to 1 |
| 14 | `#7f76c9` | `oklch(60.95% 0.1243 286.86)` | Kickstart Purple | black, 5.3 to 1 |
| 15 | `#7a6dc5` | `oklch(58.57% 0.1328 288.42)` | Venus Violet | black, 4.8 to 1 |
| 16 | `#7865c2` | `oklch(56.83% 0.1395 290.51)` | Ultra Violet | white, 4.7 to 1 |
| 17 | `#7a60c0` | `oklch(56.00% 0.1438 293.40)` | Ultra Violet | white, 4.9 to 1 |
| 18 | `#7f5ebe` | `oklch(55.93% 0.1461 297.20)` | Fuchsia Blue | white, 4.9 to 1 |
| 19 | `#865dbd` | `oklch(56.48% 0.1468 301.56)` | Lusty Lavender | white, 4.8 to 1 |
| 20 | `#8f5ebc` | `oklch(57.49% 0.1463 306.10)` | Lusty Lavender | white, 4.6 to 1 |
| 21 | `#9761bc` | `oklch(58.83% 0.1448 310.41)` | Trunks Hair | black, 4.7 to 1 |
| 22 | `#a064bc` | `oklch(60.40% 0.1424 314.16)` | Prickly Purple | black, 5 to 1 |
| 23 | `#aa6abe` | `oklch(62.50% 0.1389 317.64)` | Soft Purple | black, 5.5 to 1 |
| 24 | `#b472c1` | `oklch(65.03% 0.1343 320.96)` | Lavendless | black, 6.1 to 1 |
| 25 | `#be7bc4` | `oklch(67.75% 0.1288 324.03)` | Gulābī Pink | black, 6.8 to 1 |
| 26 | `#c884c8` | `oklch(70.42% 0.1226 326.80)` | Purception | black, 7.5 to 1 |
| 27 | `#d08ccb` | `oklch(72.82% 0.1160 329.19)` | Cyclamen | black, 8.2 to 1 |
| 28 | `#d695ce` | `oklch(75.18% 0.1078 331.21)` | Girl Power | black, 9 to 1 |
| 29 | `#dc9fd1` | `oklch(77.58% 0.0982 332.90)` | Exotic Violet | black, 9.9 to 1 |
| 30 | `#e1a8d5` | `oklch(79.82% 0.0886 334.28)` | Cosmic Pink | black, 10.7 to 1 |
| 31 | `#e5b0d8` | `oklch(81.71% 0.0802 335.38)` | Flower Power | black, 11.5 to 1 |
| 32 | `#e7b6da` | `oklch(83.07% 0.0744 336.22)` | Pink Gems | black, 12 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #dce3fa 0.0%, #d7def8 3.2%, #d0d8f5 6.5%, #c8d0f2 9.7%, #bfc8ee 12.9%, #b7c0eb 16.1%, #afb8e7 19.4%, #a8afe3 22.6%, #a0a6df 25.8%, #999cda 29.0%, #9293d6 32.3%, #8c8ad2 35.5%, #8580ce 38.7%, #7f76c9 41.9%, #7a6dc5 45.2%, #7865c2 48.4%, #7a60c0 51.6%, #7f5ebe 54.8%, #865dbd 58.1%, #8f5ebc 61.3%, #9761bc 64.5%, #a064bc 67.7%, #aa6abe 71.0%, #b472c1 74.2%, #be7bc4 77.4%, #c884c8 80.6%, #d08ccb 83.9%, #d695ce 87.1%, #dc9fd1 90.3%, #e1a8d5 93.5%, #e5b0d8 96.8%, #e7b6da 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(91.73% 0.0317 272.81) 0.0%, oklch(90.38% 0.0355 273.16) 3.2%, oklch(88.50% 0.0408 273.62) 6.5%, oklch(86.27% 0.0472 274.19) 9.7%, oklch(83.87% 0.0540 274.92) 12.9%, oklch(81.49% 0.0609 275.82) 16.1%, oklch(79.13% 0.0677 276.92) 19.4%, oklch(76.62% 0.0750 278.25) 22.6%, oklch(74.03% 0.0825 279.73) 25.8%, oklch(71.44% 0.0902 281.29) 29.0%, oklch(68.92% 0.0980 282.86) 32.3%, oklch(66.42% 0.1061 284.33) 35.5%, oklch(63.67% 0.1151 285.58) 38.7%, oklch(60.95% 0.1243 286.86) 41.9%, oklch(58.57% 0.1328 288.42) 45.2%, oklch(56.83% 0.1395 290.51) 48.4%, oklch(56.00% 0.1438 293.40) 51.6%, oklch(55.93% 0.1461 297.20) 54.8%, oklch(56.48% 0.1468 301.56) 58.1%, oklch(57.49% 0.1463 306.10) 61.3%, oklch(58.83% 0.1448 310.41) 64.5%, oklch(60.40% 0.1424 314.16) 67.7%, oklch(62.50% 0.1389 317.64) 71.0%, oklch(65.03% 0.1343 320.96) 74.2%, oklch(67.75% 0.1288 324.03) 77.4%, oklch(70.42% 0.1226 326.80) 80.6%, oklch(72.82% 0.1160 329.19) 83.9%, oklch(75.18% 0.1078 331.21) 87.1%, oklch(77.58% 0.0982 332.90) 90.3%, oklch(79.82% 0.0886 334.28) 93.5%, oklch(81.71% 0.0802 335.38) 96.8%, oklch(83.07% 0.0744 336.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.032 | 272.8 |
| 2 | 0.811 | 0.062 | 276 |
| 3 | 0.681 | 0.101 | 283.4 |
| 4 | 0.563 | 0.142 | 291.8 |
| 5 | 0.598 | 0.143 | 313 |
| 6 | 0.724 | 0.117 | 328.8 |
| 7 | 0.831 | 0.074 | 336.2 |

## In these collections

- [Lavender](https://grabient.com/lavender)

## Other forms

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