Dusty Orchid Passage

Analogous navy, purple and gray color palette

The Blue blue and mauve palette brings together blue, magenta, and purple. Linear gradient, 32 colors at 135°: #223759, #a181a5, #957b9a, #666180, #5e6d88. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#223759
#2c3d60
#39446a
#484d74
#5a5780
#6d618b
#806c95
#92779e
#a181a5
#ad89aa
#b58eae
#b790af
#b68fad
#b18caa
#a987a6
#a081a0
#957b9a
#8a7493
#806d8d
#776888
#706483
#6c6281
#686180
#666180
#646281
#626482
#616583
#606784
#5f6986
#5f6a87
#5e6c88
#5e6d88

CSS

background: linear-gradient(135deg in oklch, oklch(33.86% 0.0661 259.45) 0.0%, oklch(36.14% 0.0660 264.15) 3.2%, oklch(39.35% 0.0659 270.74) 6.5%, oklch(43.24% 0.0659 278.74) 9.7%, oklch(47.58% 0.0658 287.66) 12.9%, oklch(52.12% 0.0657 296.99) 16.1%, oklch(56.62% 0.0655 306.25) 19.4%, oklch(60.83% 0.0652 314.93) 22.6%, oklch(64.51% 0.0648 322.56) 25.8%, oklch(67.42% 0.0643 328.62) 29.0%, oklch(69.32% 0.0636 332.63) 32.3%, oklch(70.02% 0.0628 334.29) 35.5%, oklch(69.66% 0.0617 334.12) 38.7%, oklch(68.45% 0.0603 332.43) 41.9%, oklch(66.59% 0.0589 329.52) 45.2%, oklch(64.26% 0.0573 325.65) 48.4%, oklch(61.68% 0.0557 321.12) 51.6%, oklch(59.03% 0.0541 316.22) 54.8%, oklch(56.52% 0.0527 311.22) 58.1%, oklch(54.34% 0.0513 306.42) 61.3%, oklch(52.68% 0.0502 302.09) 64.5%, oklch(51.72% 0.0493 298.45) 67.7%, oklch(51.20% 0.0487 294.72) 71.0%, oklch(50.98% 0.0482 290.74) 74.2%, oklch(50.99% 0.0478 286.61) 77.4%, oklch(51.19% 0.0475 282.44) 80.6%, oklch(51.51% 0.0473 278.33) 83.9%, oklch(51.91% 0.0472 274.40) 87.1%, oklch(52.33% 0.0471 270.75) 90.3%, oklch(52.71% 0.0470 267.50) 93.5%, oklch(53.00% 0.0470 264.76) 96.8%, oklch(53.15% 0.0469 262.62) 100.0%);

In these collections

Blue and mauve gradients