Night Signal palette

The Night Signal palette brings together dark gray, blue, purple, and light red. #181b24, #545a7c, #c7a7a4. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#181b24
#1a1d27
#1b202c
#1d2331
#1e2637
#202a3e
#222e44
#24324b
#263752
#293b59
#2d3f5f
#324465
#37486a
#3e4c6f
#455173
#4d5678
#545a7c
#5c5f80
#646484
#6d6988
#756e8c
#7d728f
#867793
#8f7d96
#998298
#a2889b
#ab8e9d
#b3949e
#b999a0
#bf9fa1
#c3a3a3
#c7a7a4

CSS

background: linear-gradient(90deg in oklch, oklch(22.44% 0.0179 270.70) 0.0%, oklch(23.28% 0.0206 269.96) 3.2%, oklch(24.33% 0.0244 268.74) 6.5%, oklch(25.56% 0.0289 267.22) 9.7%, oklch(26.95% 0.0340 265.53) 12.9%, oklch(28.45% 0.0393 263.84) 16.1%, oklch(30.06% 0.0446 262.30) 19.4%, oklch(31.73% 0.0496 261.08) 22.6%, oklch(33.44% 0.0541 260.31) 25.8%, oklch(35.15% 0.0576 260.16) 29.0%, oklch(36.85% 0.0601 260.79) 32.3%, oklch(38.52% 0.0613 262.21) 35.5%, oklch(40.27% 0.0614 264.11) 38.7%, oklch(42.08% 0.0607 266.46) 41.9%, oklch(43.94% 0.0592 269.25) 45.2%, oklch(45.84% 0.0573 272.48) 48.4%, oklch(47.77% 0.0551 276.17) 51.6%, oklch(49.70% 0.0527 280.29) 54.8%, oklch(51.64% 0.0503 284.87) 58.1%, oklch(53.56% 0.0482 289.88) 61.3%, oklch(55.45% 0.0464 295.35) 64.5%, oklch(57.32% 0.0451 301.32) 67.7%, oklch(59.29% 0.0440 308.57) 71.0%, oklch(61.36% 0.0430 317.04) 74.2%, oklch(63.48% 0.0420 326.34) 77.4%, oklch(65.61% 0.0411 336.14) 80.6%, oklch(67.69% 0.0403 346.06) 83.9%, oklch(69.67% 0.0395 355.74) 87.1%, oklch(71.50% 0.0388 4.82) 90.3%, oklch(73.13% 0.0382 12.93) 93.5%, oklch(74.51% 0.0376 19.73) 96.8%, oklch(75.59% 0.0372 24.83) 100.0%);

In these collections

Lo-fi