Lavender Smoke Blue Gradient

Muted analogous lavender to navy color palette

Pale lavender flows into muted violet, indigo, and smoky blue-gray with a calm, even transition. Linear gradient, 32 colors at 135°: #dfd5ef, #a889c6, #69619f, #414b72, #282c42. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#dfd5ef
#dbd0ec
#d5c8e8
#cfbfe3
#c8b4de
#c0a9d9
#b89ed2
#b093cc
#a889c6
#a07fc0
#9978bb
#9172b6
#896db1
#8169ad
#7966a8
#7164a4
#69619f
#615f99
#5a5d93
#545a8d
#4f5787
#4a5380
#454f7a
#414b72
#3c466b
#394163
#353d5c
#323956
#2f354f
#2c314a
#2a2e45
#282c42

CSS

background: linear-gradient(135deg in oklch, oklch(88.98% 0.0358 303.75) 0.0%, oklch(87.40% 0.0402 304.01) 3.2%, oklch(85.32% 0.0463 304.54) 6.5%, oklch(82.84% 0.0537 305.22) 9.7%, oklch(80.07% 0.0620 305.97) 12.9%, oklch(77.11% 0.0706 306.68) 16.1%, oklch(74.05% 0.0792 307.26) 19.4%, oklch(71.00% 0.0873 307.61) 22.6%, oklch(68.06% 0.0944 307.63) 25.8%, oklch(65.33% 0.1001 307.23) 29.0%, oklch(62.92% 0.1039 306.31) 32.3%, oklch(60.86% 0.1056 304.71) 35.5%, oklch(59.00% 0.1057 302.31) 38.7%, oklch(57.28% 0.1044 299.27) 41.9%, oklch(55.69% 0.1020 295.78) 45.2%, oklch(54.19% 0.0987 292.01) 48.4%, oklch(52.76% 0.0948 288.14) 51.6%, oklch(51.36% 0.0905 284.36) 54.8%, oklch(49.97% 0.0862 280.85) 58.1%, oklch(48.55% 0.0819 277.78) 61.3%, oklch(47.08% 0.0780 275.35) 64.5%, oklch(45.53% 0.0747 273.70) 67.7%, oklch(43.86% 0.0712 272.70) 71.0%, oklch(42.10% 0.0675 272.20) 74.2%, oklch(40.29% 0.0635 272.11) 77.4%, oklch(38.47% 0.0594 272.34) 80.6%, oklch(36.69% 0.0554 272.80) 83.9%, oklch(35.00% 0.0515 273.38) 87.1%, oklch(33.43% 0.0479 274.01) 90.3%, oklch(32.03% 0.0447 274.58) 93.5%, oklch(30.85% 0.0420 275.02) 96.8%, oklch(29.92% 0.0400 275.22) 100.0%);

In these collections

Scent stacking palettes