Vivid blue, green and orange linear swatches

Vivid blue, green and orange color palette

Linear swatches, 8 colors at 150°: #412da2, #234792, #21637a, #377959, #62893b, #988f28, #c78920, #e37c21. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#412da2
#234792
#21637a
#377959
#62893b
#988f28
#c78920
#e37c21

CSS

background: linear-gradient(150deg, oklch(40.16% 0.1778 282.66) 0.000% 12.500%, oklch(41.73% 0.1309 262.58) 12.500% 25.000%, oklch(46.85% 0.0744 224.53) 25.000% 37.500%, oklch(52.36% 0.0854 160.07) 37.500% 50.000%, oklch(58.27% 0.1157 131.54) 50.000% 62.500%, oklch(63.78% 0.1199 104.07) 62.500% 75.000%, oklch(67.72% 0.1337 74.48) 75.000% 87.500%, oklch(68.90% 0.1585 55.45) 87.500% 100.000%);

In these collections

Moody gradients