Vending Machine Glow

Navy, blue, red and yellow color palette

Five bold wedges of deep navy, cobalt, red, and yellow, like the buttons and lit panels of a vending machine in a dark hallway. Angular swatches, 5 colors at 135°: #0b0e2a, #1f2c79, #3b5ada, #e8453c, #fed240. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#0b0e2a
#1f2c79
#3b5ada
#e8453c
#fed240

CSS

background: conic-gradient(from 135deg, oklch(18.11% 0.0551 273.52) 0.000% 20.000%, oklch(33.46% 0.1323 270.35) 20.000% 40.000%, oklch(52.36% 0.1984 268.23) 40.000% 60.000%, oklch(62.60% 0.2012 27.64) 60.000% 80.000%, oklch(87.80% 0.1612 91.05) 80.000% 100.000%);

In these collections

Liminal Places