Dusty Blue Quiet

Monochrome black to light blue color palette

This horizontal gradient moves from soft black through ink blue, navy, muted cornflower, and pale periwinkle. Linear gradient, 32 colors at 90°: #0f161c, #1e3d5b, #4a71ad, #89a5dc, #c6d7fc. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#0f161c
#101921
#111d26
#13212d
#142634
#162b3d
#183146
#1b3750
#1e3d5b
#214366
#254a71
#2a507c
#305787
#365e92
#3c649c
#436ba5
#4a71ad
#5178b4
#5a7fbc
#6386c3
#6c8ec9
#7695d0
#7f9dd6
#89a5dc
#93ade1
#9cb4e6
#a5bbeb
#adc2ef
#b5c8f3
#bccef6
#c1d3f9
#c6d7fc

CSS

background: linear-gradient(90deg in oklch, oklch(19.69% 0.0165 241.17) 0.0%, oklch(20.91% 0.0199 241.80) 3.2%, oklch(22.39% 0.0245 242.59) 6.5%, oklch(24.10% 0.0299 243.51) 9.7%, oklch(26.01% 0.0361 244.54) 12.9%, oklch(28.09% 0.0429 245.67) 16.1%, oklch(30.31% 0.0500 246.88) 19.4%, oklch(32.65% 0.0574 248.13) 22.6%, oklch(35.09% 0.0648 249.42) 25.8%, oklch(37.59% 0.0721 250.72) 29.0%, oklch(40.12% 0.0790 252.02) 32.3%, oklch(42.67% 0.0854 253.28) 35.5%, oklch(45.20% 0.0912 254.50) 38.7%, oklch(47.69% 0.0961 255.65) 41.9%, oklch(50.11% 0.0999 256.71) 45.2%, oklch(52.43% 0.1025 257.65) 48.4%, oklch(54.66% 0.1038 258.48) 51.6%, oklch(56.99% 0.1038 259.27) 54.8%, oklch(59.42% 0.1027 260.02) 58.1%, oklch(61.93% 0.1006 260.73) 61.3%, oklch(64.48% 0.0978 261.41) 64.5%, oklch(67.06% 0.0942 262.05) 67.7%, oklch(69.63% 0.0902 262.65) 71.0%, oklch(72.16% 0.0858 263.23) 74.2%, oklch(74.63% 0.0812 263.76) 77.4%, oklch(77.01% 0.0765 264.26) 80.6%, oklch(79.27% 0.0719 264.73) 83.9%, oklch(81.38% 0.0675 265.16) 87.1%, oklch(83.32% 0.0635 265.56) 90.3%, oklch(85.05% 0.0600 265.92) 93.5%, oklch(86.55% 0.0571 266.24) 96.8%, oklch(87.80% 0.0551 266.53) 100.0%);

In these collections

Muted gradients