Lavender into the Blue Hour

Muted blue, lavender and navy color palette

The Lavender blue and mauve palette brings together blue, light purple, and dark blue. Linear gradient, 32 colors at 135°: #657ea1, #9d9bca, #b8a1d0, #5f5f84, #08182b. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#657ea1
#697fa4
#6e82a8
#7485ad
#7b89b3
#838eb9
#8c92bf
#9497c5
#9d9bca
#a69fcf
#ada2d3
#b4a5d6
#b9a7d8
#bca7d8
#bda7d7
#bca5d5
#b8a1d0
#b09bca
#a694c2
#9a8bb8
#8d81ac
#7e769f
#6f6a92
#5f5f84
#505376
#414868
#343d5a
#28334e
#1d2a43
#142339
#0d1c31
#08182b

CSS

background: linear-gradient(135deg in oklch, oklch(58.66% 0.0620 258.05) 0.0%, oklch(59.40% 0.0624 260.01) 3.2%, oklch(60.50% 0.0631 262.68) 6.5%, oklch(61.90% 0.0638 265.93) 9.7%, oklch(63.51% 0.0647 269.65) 12.9%, oklch(65.28% 0.0657 273.71) 16.1%, oklch(67.13% 0.0667 277.99) 19.4%, oklch(68.99% 0.0678 282.37) 22.6%, oklch(70.79% 0.0688 286.74) 25.8%, oklch(72.46% 0.0697 290.96) 29.0%, oklch(73.92% 0.0706 294.93) 32.3%, oklch(75.11% 0.0713 298.51) 35.5%, oklch(75.96% 0.0718 301.59) 38.7%, oklch(76.39% 0.0721 304.04) 41.9%, oklch(76.34% 0.0721 305.75) 45.2%, oklch(75.73% 0.0719 306.60) 48.4%, oklch(74.48% 0.0713 306.46) 51.6%, oklch(72.48% 0.0703 305.33) 54.8%, oklch(69.82% 0.0690 303.31) 58.1%, oklch(66.58% 0.0674 300.55) 61.3%, oklch(62.88% 0.0655 297.15) 64.5%, oklch(58.82% 0.0635 293.25) 67.7%, oklch(54.49% 0.0613 288.97) 71.0%, oklch(50.00% 0.0591 284.44) 74.2%, oklch(45.46% 0.0567 279.77) 77.4%, oklch(40.95% 0.0545 275.09) 80.6%, oklch(36.59% 0.0523 270.53) 83.9%, oklch(32.47% 0.0502 266.21) 87.1%, oklch(28.70% 0.0483 262.25) 90.3%, oklch(25.37% 0.0466 258.79) 93.5%, oklch(22.60% 0.0452 255.93) 96.8%, oklch(20.47% 0.0441 253.82) 100.0%);

In these collections

Blue and mauve gradients