Stone and sage green palette

The Stone and sage green palette brings together pale green and green. The colors span a broad lightness range, combining moderate color with clear contrast. Linear gradient, 32 colors at 180°: #d1e5d1, #a9ceac, #72ac7f, #3d8556, #006035. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#d1e5d1
#cee3ce
#cae1ca
#c6dec6
#c1dbc1
#bbd8bc
#b5d5b7
#afd2b1
#a9ceac
#a2caa6
#9bc6a0
#94c29a
#8dbe94
#86ba8f
#7fb589
#78b184
#72ac7f
#6ba879
#64a274
#5d9d6e
#559768
#4d9162
#458b5c
#3d8556
#357f51
#2d7a4b
#257446
#1c6f42
#136b3d
#07673a
#006337
#006035

CSS

background: linear-gradient(180deg in oklch, oklch(90.16% 0.0344 144.84) 0.0%, oklch(89.44% 0.0365 145.04) 3.2%, oklch(88.60% 0.0391 145.27) 6.5%, oklch(87.64% 0.0422 145.53) 9.7%, oklch(86.58% 0.0456 145.83) 12.9%, oklch(85.42% 0.0494 146.16) 16.1%, oklch(84.17% 0.0534 146.50) 19.4%, oklch(82.85% 0.0575 146.87) 22.6%, oklch(81.46% 0.0618 147.25) 25.8%, oklch(80.02% 0.0661 147.64) 29.0%, oklch(78.54% 0.0703 148.04) 32.3%, oklch(77.03% 0.0744 148.44) 35.5%, oklch(75.49% 0.0784 148.83) 38.7%, oklch(73.94% 0.0820 149.22) 41.9%, oklch(72.39% 0.0854 149.59) 45.2%, oklch(70.84% 0.0883 149.95) 48.4%, oklch(69.30% 0.0908 150.30) 51.6%, oklch(67.61% 0.0930 150.66) 54.8%, oklch(65.80% 0.0951 151.04) 58.1%, oklch(63.89% 0.0970 151.42) 61.3%, oklch(61.90% 0.0987 151.82) 64.5%, oklch(59.86% 0.1003 152.22) 67.7%, oklch(57.80% 0.1017 152.61) 71.0%, oklch(55.75% 0.1030 153.00) 74.2%, oklch(53.73% 0.1042 153.38) 77.4%, oklch(51.78% 0.1053 153.75) 80.6%, oklch(49.92% 0.1063 154.10) 83.9%, oklch(48.17% 0.1072 154.42) 87.1%, oklch(46.57% 0.1081 154.72) 90.3%, oklch(45.14% 0.1088 154.99) 93.5%, oklch(43.92% 0.1082 155.19) 96.8%, oklch(42.92% 0.1053 155.38) 100.0%);

In these collections

Green gradients