Sage and stone app background palette

The Sage and stone app background palette brings together green and light green. #2c3c34, #aabeaa, #314139. Edit and export CSS, SVG, PNG or a shader.

64 colors, 7 editable OKLCH keyframes.

#2c3c34
#2d3e35
#2f4037
#304239
#32453c
#35493e
#374c41
#3a5044
#3d5447
#40584b
#435d4e
#476252
#4b6756
#506d5b
#557360
#5a7a66
#60816b
#668871
#6b8e76
#71957b
#779a80
#7c9f85
#81a489
#87a88e
#8dac92
#92b097
#98b39b
#9db6a0
#a1b9a3
#a5bba6
#a8bca9
#a9bdaa
#aabeaa
#a9bdaa
#a7bca8
#a5bba6
#a2b9a3
#9eb69f
#99b39c
#95b097
#90ac93
#8ba88f
#86a48b
#819f86
#7c9a81
#76947c
#6f8d76
#698671
#63806b
#5d7965
#577360
#526d5b
#4d6757
#496253
#465e4f
#425a4c
#3f5548
#3c5245
#3a4e43
#384b40
#36483e
#34453c
#32433a
#314139

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(33.86% 0.0248 163.12) 0.0%, oklch(34.51% 0.0257 162.90) 1.6%, oklch(35.29% 0.0267 162.61) 3.2%, oklch(36.20% 0.0280 162.29) 4.8%, oklch(37.23% 0.0295 161.92) 6.3%, oklch(38.36% 0.0310 161.51) 7.9%, oklch(39.59% 0.0327 161.08) 9.5%, oklch(40.90% 0.0343 160.62) 11.1%, oklch(42.29% 0.0360 160.14) 12.7%, oklch(43.76% 0.0377 159.65) 14.3%, oklch(45.28% 0.0392 159.15) 15.9%, oklch(46.88% 0.0407 158.64) 17.5%, oklch(48.68% 0.0424 158.10) 19.0%, oklch(50.65% 0.0443 157.53) 20.6%, oklch(52.74% 0.0463 156.94) 22.2%, oklch(54.92% 0.0483 156.33) 23.8%, oklch(57.12% 0.0502 155.70) 25.4%, oklch(59.31% 0.0520 155.07) 27.0%, oklch(61.43% 0.0534 154.43) 28.6%, oklch(63.44% 0.0545 153.80) 30.2%, oklch(65.29% 0.0551 153.17) 31.7%, oklch(66.93% 0.0551 152.56) 33.3%, oklch(68.45% 0.0544 151.91) 34.9%, oklch(69.94% 0.0529 151.21) 36.5%, oklch(71.38% 0.0508 150.47) 38.1%, oklch(72.75% 0.0482 149.71) 39.7%, oklch(74.01% 0.0455 148.97) 41.3%, oklch(75.15% 0.0427 148.27) 42.9%, oklch(76.13% 0.0400 147.63) 44.4%, oklch(76.93% 0.0377 147.07) 46.0%, oklch(77.52% 0.0358 146.62) 47.6%, oklch(77.87% 0.0347 146.31) 49.2%, oklch(77.97% 0.0344 146.16) 50.8%, oklch(77.82% 0.0350 146.13) 52.4%, oklch(77.44% 0.0361 146.22) 54.0%, oklch(76.86% 0.0378 146.41) 55.6%, oklch(76.10% 0.0397 146.69) 57.1%, oklch(75.17% 0.0419 147.04) 58.7%, oklch(74.11% 0.0440 147.44) 60.3%, oklch(72.93% 0.0460 147.90) 61.9%, oklch(71.65% 0.0477 148.38) 63.5%, oklch(70.30% 0.0490 148.88) 65.1%, oklch(68.90% 0.0496 149.39) 66.7%, oklch(67.34% 0.0497 149.94) 68.3%, oklch(65.53% 0.0494 150.56) 69.8%, oklch(63.54% 0.0488 151.25) 71.4%, oklch(61.42% 0.0480 151.99) 73.0%, oklch(59.22% 0.0470 152.76) 74.6%, oklch(56.99% 0.0458 153.54) 76.2%, oklch(54.78% 0.0445 154.32) 77.8%, oklch(52.66% 0.0432 155.08) 79.4%, oklch(50.66% 0.0418 155.80) 81.0%, oklch(48.85% 0.0406 156.47) 82.5%, oklch(47.25% 0.0393 157.09) 84.1%, oklch(45.73% 0.0380 157.70) 85.7%, oklch(44.26% 0.0364 158.30) 87.3%, oklch(42.87% 0.0348 158.90) 88.9%, oklch(41.55% 0.0331 159.47) 90.5%, oklch(40.33% 0.0314 160.02) 92.1%, oklch(39.20% 0.0297 160.54) 93.7%, oklch(38.17% 0.0282 161.01) 95.2%, oklch(37.26% 0.0268 161.42) 96.8%, oklch(36.48% 0.0257 161.78) 98.4%, oklch(35.83% 0.0248 162.07) 100.0%);

In these collections

App background gradients