Lavender blue and purple palette

Analogous navy, blue and lavender color palette

The Lavender blue and purple palette brings together dark blue, blue, and light purple. Radial gradient, 32 colors: #001438, #132d9c, #6256e0, #a682f2, #d7b3ee. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#001438
#00163e
#001947
#001c52
#001f5f
#002270
#032580
#0a298e
#132d9c
#1c31a9
#2535b4
#2e3abe
#383fc6
#4345ce
#4d4ad5
#5850da
#6256e0
#6d5ce4
#7762e8
#8268eb
#8b6eee
#9474f0
#9d7bf2
#a682f2
#af89f2
#b790f2
#bf97f1
#c69ef0
#cba5ef
#d0aaef
#d4afee
#d7b3ee

CSS

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%);

In these collections

Blue and purple gradients