Slate navy quiet field

Monochrome blue to navy palette with 40 colors. #0f475b, #101b34, #061427, #39495e, #07162f. Edit and export CSS, SVG, PNG or a shader.

40 colors, 5 editable OKLCH keyframes.

#0f475b
#104459
#114056
#123b53
#12364e
#13304a
#132b45
#132640
#12213b
#111e37
#101b34
#0f1831
#0d162e
#0a142b
#081228
#061126
#051025
#041024
#041124
#041225
#061427
#09182b
#0f1e31
#162538
#1d2d40
#253448
#2c3c50
#324257
#37475b
#39495e
#39495e
#36465c
#314157
#2a3b51
#23334b
#1c2c44
#15253d
#0f1f37
#0b1a32
#07162f

CSS

background: linear-gradient(45deg in oklch, oklch(37.40% 0.0648 227.11) 0.0%, oklch(36.46% 0.0639 229.66) 2.6%, oklch(35.19% 0.0627 233.24) 5.1%, oklch(33.66% 0.0613 237.57) 7.7%, oklch(31.96% 0.0598 242.36) 10.3%, oklch(30.16% 0.0581 247.35) 12.8%, oklch(28.35% 0.0564 252.25) 15.4%, oklch(26.62% 0.0548 256.79) 17.9%, oklch(25.02% 0.0532 260.69) 20.5%, oklch(23.66% 0.0519 263.68) 23.1%, oklch(22.59% 0.0507 265.48) 25.6%, oklch(21.59% 0.0497 266.18) 28.2%, oklch(20.60% 0.0488 266.01) 30.8%, oklch(19.67% 0.0480 265.15) 33.3%, oklch(18.84% 0.0473 263.80) 35.9%, oklch(18.18% 0.0466 262.12) 38.5%, oklch(17.72% 0.0460 260.32) 41.0%, oklch(17.52% 0.0454 258.57) 43.6%, oklch(17.64% 0.0449 257.06) 46.2%, oklch(18.11% 0.0443 255.97) 48.7%, oklch(19.07% 0.0438 255.42) 51.3%, oklch(20.82% 0.0433 255.08) 53.8%, oklch(23.22% 0.0427 254.86) 56.4%, oklch(26.07% 0.0422 254.77) 59.0%, oklch(29.13% 0.0417 254.76) 61.5%, oklch(32.19% 0.0413 254.84) 64.1%, oklch(35.04% 0.0410 254.98) 66.7%, oklch(37.45% 0.0409 255.16) 69.2%, oklch(39.21% 0.0409 255.37) 71.8%, oklch(40.10% 0.0412 255.59) 74.4%, oklch(39.94% 0.0418 255.84) 76.9%, oklch(38.86% 0.0428 256.20) 79.5%, oklch(37.05% 0.0441 256.65) 82.1%, oklch(34.70% 0.0456 257.15) 84.6%, oklch(32.02% 0.0472 257.69) 87.2%, oklch(29.20% 0.0488 258.23) 89.7%, oklch(26.43% 0.0503 258.74) 92.3%, oklch(23.93% 0.0517 259.20) 94.9%, oklch(21.87% 0.0529 259.59) 97.4%, oklch(20.47% 0.0537 259.87) 100.0%);

In these collections

Cool blue