Blue and sage soft multicolor palette

Blue, navy, dark purple and gray color palette

The Blue and sage soft multicolor palette brings together blue, gray, teal, and green. Angular gradient, 21 colors at 135°: #6e7799, #2b3f42, #6a96a2, #313b63, #727c63. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#6e7799
#5d6180
#464560
#33374d
#283846
#2b3f42
#3a4c48
#526460
#69817d
#719191
#6a96a2
#628fac
#567ea5
#38648d
#254b75
#313b63
#3d354f
#463943
#594846
#6e6350
#727c63

CSS

background: conic-gradient(from 135deg in oklch, oklch(57.48% 0.0537 272.81) 0.0%, oklch(50.13% 0.0500 278.85) 5.0%, oklch(40.28% 0.0447 285.14) 10.0%, oklch(34.20% 0.0392 277.71) 15.0%, oklch(33.20% 0.0324 245.62) 20.0%, oklch(35.27% 0.0259 206.06) 25.0%, oklch(39.85% 0.0231 183.41) 30.0%, oklch(48.79% 0.0238 179.27) 35.0%, oklch(58.30% 0.0277 184.97) 40.0%, oklch(63.26% 0.0361 196.12) 45.0%, oklch(64.49% 0.0508 216.74) 50.0%, oklch(62.90% 0.0657 237.94) 55.0%, oklch(58.02% 0.0753 248.34) 60.0%, oklch(48.94% 0.0826 248.80) 65.0%, oklch(40.51% 0.0831 253.05) 70.0%, oklch(36.44% 0.0699 271.15) 75.0%, oklch(34.95% 0.0445 298.43) 80.0%, oklch(36.19% 0.0247 333.73) 85.0%, oklch(41.72% 0.0234 23.34) 90.0%, oklch(50.53% 0.0324 83.16) 95.0%, oklch(57.09% 0.0400 126.28) 100.0%);

In these collections

Soft multicolor gradients