# Lavender blue and purple palette

The Lavender blue and purple palette brings together dark blue, blue, and light purple. 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 blue, and its lightest tone is light purple.

- Also called: Analogous navy, blue and lavender radial gradient
- Seed: `kUM0G3tcjBVHBwpoIMJA`
- Page: https://grabient.com/kUM0G3tcjBVHBwpoIMJA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 10 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 | `#001438` | `oklch(20.10% 0.0757 258.37)` | Navy | white, 18.1 to 1 |
| 2 | `#00163e` | `oklch(21.36% 0.0826 258.94)` | Navy | white, 17.7 to 1 |
| 3 | `#001947` | `oklch(22.98% 0.0918 259.62)` | Cetacean Blue | white, 17 to 1 |
| 4 | `#001c52` | `oklch(24.88% 0.1039 260.42)` | Subnautical | white, 16.2 to 1 |
| 5 | `#001f5f` | `oklch(27.02% 0.1193 261.34)` | Midnight Melancholia | white, 15.3 to 1 |
| 6 | `#002270` | `oklch(29.34% 0.1397 262.38)` | Long-Haul Flight | white, 14.3 to 1 |
| 7 | `#032580` | `oklch(31.75% 0.1571 263.46)` | Resolution Blue | white, 13.3 to 1 |
| 8 | `#0a298e` | `oklch(34.24% 0.1699 264.73)` | Blue Torus | white, 12.2 to 1 |
| 9 | `#132d9c` | `oklch(36.71% 0.1815 266.10)` | Smalt | white, 11.1 to 1 |
| 10 | `#1c31a9` | `oklch(39.12% 0.1911 267.57)` | Egyptian Blue | white, 10.1 to 1 |
| 11 | `#2535b4` | `oklch(41.40% 0.1981 269.13)` | Persian Blue | white, 9.2 to 1 |
| 12 | `#2e3abe` | `oklch(43.56% 0.2024 270.81)` | Blue Cardinal Flower | white, 8.5 to 1 |
| 13 | `#383fc6` | `oklch(45.73% 0.2048 272.67)` | Blue Blue | white, 7.7 to 1 |
| 14 | `#4345ce` | `oklch(47.92% 0.2058 274.70)` | Royal Nightcore | white, 7 to 1 |
| 15 | `#4d4ad5` | `oklch(50.13% 0.2054 276.85)` | Dark Soft Violet | white, 6.4 to 1 |
| 16 | `#5850da` | `oklch(52.32% 0.2039 279.09)` | Majorelle Blue | white, 5.8 to 1 |
| 17 | `#6256e0` | `oklch(54.51% 0.2013 281.39)` | Majorelle Blue | white, 5.3 to 1 |
| 18 | `#6d5ce4` | `oklch(56.67% 0.1979 283.72)` | Candy Grape Fizz | white, 4.8 to 1 |
| 19 | `#7762e8` | `oklch(58.79% 0.1938 286.03)` | Medium Slate Blue | black, 4.7 to 1 |
| 20 | `#8268eb` | `oklch(60.86% 0.1891 288.29)` | Medium Slate Blue | black, 5.1 to 1 |
| 21 | `#8b6eee` | `oklch(62.87% 0.1840 290.47)` | Bainganī | black, 5.5 to 1 |
| 22 | `#9474f0` | `oklch(64.82% 0.1786 292.55)` | Forgotten Purple | black, 6 to 1 |
| 23 | `#9d7bf2` | `oklch(66.80% 0.1716 294.70)` | Forgotten Purple | black, 6.5 to 1 |
| 24 | `#a682f2` | `oklch(68.82% 0.1630 296.94)` | Forgotten Purple | black, 7 to 1 |
| 25 | `#af89f2` | `oklch(70.83% 0.1533 299.20)` | Lilac Geode | black, 7.6 to 1 |
| 26 | `#b790f2` | `oklch(72.81% 0.1428 301.46)` | Luminous Lavender | black, 8.2 to 1 |
| 27 | `#bf97f1` | `oklch(74.72% 0.1320 303.65)` | Bright Lavender | black, 8.9 to 1 |
| 28 | `#c69ef0` | `oklch(76.52% 0.1214 305.73)` | Lavender Cream | black, 9.5 to 1 |
| 29 | `#cba5ef` | `oklch(78.17% 0.1115 307.64)` | Lavender Cream | black, 10.1 to 1 |
| 30 | `#d0aaef` | `oklch(79.64% 0.1025 309.35)` | Teasel Dipsacus | black, 10.7 to 1 |
| 31 | `#d4afee` | `oklch(80.89% 0.0951 310.80)` | Petal Plush | black, 11.2 to 1 |
| 32 | `#d7b3ee` | `oklch(81.89% 0.0896 311.94)` | Pink Illusion | black, 11.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001438 0.0%, #00163e 3.2%, #001947 6.5%, #001c52 9.7%, #001f5f 12.9%, #002270 16.1%, #032580 19.4%, #0a298e 22.6%, #132d9c 25.8%, #1c31a9 29.0%, #2535b4 32.3%, #2e3abe 35.5%, #383fc6 38.7%, #4345ce 41.9%, #4d4ad5 45.2%, #5850da 48.4%, #6256e0 51.6%, #6d5ce4 54.8%, #7762e8 58.1%, #8268eb 61.3%, #8b6eee 64.5%, #9474f0 67.7%, #9d7bf2 71.0%, #a682f2 74.2%, #af89f2 77.4%, #b790f2 80.6%, #bf97f1 83.9%, #c69ef0 87.1%, #cba5ef 90.3%, #d0aaef 93.5%, #d4afee 96.8%, #d7b3ee 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.10% 0.0757 258.37) 0.0%, oklch(21.36% 0.0826 258.94) 3.2%, oklch(22.98% 0.0918 259.62) 6.5%, oklch(24.88% 0.1039 260.42) 9.7%, oklch(27.02% 0.1193 261.34) 12.9%, oklch(29.34% 0.1397 262.38) 16.1%, oklch(31.75% 0.1571 263.46) 19.4%, oklch(34.24% 0.1699 264.73) 22.6%, oklch(36.71% 0.1815 266.10) 25.8%, oklch(39.12% 0.1911 267.57) 29.0%, oklch(41.40% 0.1981 269.13) 32.3%, oklch(43.56% 0.2024 270.81) 35.5%, oklch(45.73% 0.2048 272.67) 38.7%, oklch(47.92% 0.2058 274.70) 41.9%, oklch(50.13% 0.2054 276.85) 45.2%, oklch(52.32% 0.2039 279.09) 48.4%, oklch(54.51% 0.2013 281.39) 51.6%, oklch(56.67% 0.1979 283.72) 54.8%, oklch(58.79% 0.1938 286.03) 58.1%, oklch(60.86% 0.1891 288.29) 61.3%, oklch(62.87% 0.1840 290.47) 64.5%, oklch(64.82% 0.1786 292.55) 67.7%, oklch(66.80% 0.1716 294.70) 71.0%, oklch(68.82% 0.1630 296.94) 74.2%, oklch(70.83% 0.1533 299.20) 77.4%, oklch(72.81% 0.1428 301.46) 80.6%, oklch(74.72% 0.1320 303.65) 83.9%, oklch(76.52% 0.1214 305.73) 87.1%, oklch(78.17% 0.1115 307.64) 90.3%, oklch(79.64% 0.1025 309.35) 93.5%, oklch(80.89% 0.0951 310.80) 96.8%, oklch(81.89% 0.0896 311.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.09 | 258 |
| 2 | 0.421 | 0.2 | 269.7 |
| 3 | 0.642 | 0.181 | 291.9 |
| 4 | 0.819 | 0.09 | 311.9 |

## In these collections

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

## Other forms

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