Stone sage palette

The Stone sage palette brings together teal, green, light gray, and light green. Angular gradient, 32 colors at 225°: #425c59, #8da59c, #d4dcd2, #9cac9a, #4f6657. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#425c59
#47615e
#4f6965
#58726e
#627c77
#6d8781
#78928b
#839c94
#8da59c
#98aea4
#a5b7ae
#b1c1b7
#bdcac0
#c7d2c8
#cfd8ce
#d3dbd2
#d4dcd2
#d1d9cf
#ccd5c9
#c4cec1
#bac6b7
#b0bdad
#a6b4a3
#9cac9a
#93a492
#889a88
#7d907e
#728674
#677c6b
#5d7363
#556c5c
#4f6657

CSS

background: conic-gradient(from 225deg in oklch, oklch(45.28% 0.0317 187.03) 0.0%, oklch(47.23% 0.0316 185.97) 3.2%, oklch(49.88% 0.0314 184.68) 6.5%, oklch(53.04% 0.0313 183.16) 9.7%, oklch(56.52% 0.0311 181.38) 12.9%, oklch(60.14% 0.0308 179.34) 16.1%, oklch(63.71% 0.0304 177.01) 19.4%, oklch(67.05% 0.0297 174.40) 22.6%, oklch(70.00% 0.0286 171.45) 25.8%, oklch(73.06% 0.0270 167.71) 29.0%, oklch(76.31% 0.0248 163.26) 32.3%, oklch(79.54% 0.0224 158.41) 35.5%, oklch(82.57% 0.0199 153.50) 38.7%, oklch(85.18% 0.0177 148.85) 41.9%, oklch(87.18% 0.0161 144.80) 45.2%, oklch(88.36% 0.0152 141.66) 48.4%, oklch(88.54% 0.0154 139.70) 51.6%, oklch(87.74% 0.0166 138.66) 54.8%, oklch(86.14% 0.0186 138.34) 58.1%, oklch(83.92% 0.0212 138.60) 61.3%, oklch(81.28% 0.0240 139.29) 64.5%, oklch(78.41% 0.0268 140.25) 67.7%, oklch(75.48% 0.0293 141.34) 71.0%, oklch(72.70% 0.0313 142.40) 74.2%, oklch(69.97% 0.0327 143.51) 77.4%, oklch(66.80% 0.0338 145.05) 80.6%, oklch(63.36% 0.0347 146.88) 83.9%, oklch(59.84% 0.0354 148.87) 87.1%, oklch(56.43% 0.0360 150.86) 90.3%, oklch(53.33% 0.0364 152.70) 93.5%, oklch(50.73% 0.0368 154.24) 96.8%, oklch(48.82% 0.0372 155.33) 100.0%);

In these collections

Sage