Cream eucalyptus slate diagonal

Teal, blue, green and gray palette with 64 colors. #517055, #57749c, #7ba07b, #f5f1e6, #2c424f. Edit and export CSS, SVG, PNG or a shader.

64 colors, 5 editable OKLCH keyframes.

#517055
#4f7057
#4b715b
#47725f
#427365
#3e746b
#3b7571
#397578
#39747f
#3b7485
#3f738a
#44738f
#497293
#4e7296
#527298
#55739a
#57749c
#56769e
#55789f
#527a9f
#4e7d9f
#4a809f
#46849d
#43879a
#418a96
#428e91
#46918c
#4d9387
#559682
#5f987e
#689b7c
#729d7b
#7ba07b
#85a47e
#91aa82
#9eb088
#aab690
#b7be99
#c3c6a3
#cfcdae
#d9d5b9
#e2ddc4
#eae4ce
#f0e9d7
#f5eede
#f7f1e3
#f7f2e6
#f5f1e6
#f1ede3
#e9e7dc
#dfded3
#d2d4c8
#c3c8bc
#b3bbaf
#a2ada2
#8f9e95
#7e9089
#6c827e
#5c7473
#4e676a
#425b62
#38515a
#314854
#2c424f

CSS

background: linear-gradient(225deg in oklch, oklch(51.18% 0.0551 147.66) 0.0%, oklch(51.31% 0.0557 151.95) 1.6%, oklch(51.44% 0.0566 157.74) 3.2%, oklch(51.58% 0.0575 164.79) 4.8%, oklch(51.73% 0.0586 172.84) 6.3%, oklch(51.90% 0.0598 181.65) 7.9%, oklch(52.08% 0.0611 190.95) 9.5%, oklch(52.27% 0.0624 200.51) 11.1%, oklch(52.49% 0.0637 210.07) 12.7%, oklch(52.73% 0.0650 219.37) 14.3%, oklch(52.99% 0.0663 228.18) 15.9%, oklch(53.28% 0.0676 236.23) 17.5%, oklch(53.61% 0.0687 243.28) 19.0%, oklch(53.96% 0.0697 249.07) 20.6%, oklch(54.35% 0.0706 253.37) 22.2%, oklch(54.77% 0.0713 255.90) 23.8%, oklch(55.24% 0.0718 256.44) 25.4%, oklch(55.70% 0.0722 255.03) 27.0%, oklch(56.16% 0.0727 251.92) 28.6%, oklch(56.62% 0.0732 247.31) 30.2%, oklch(57.09% 0.0737 241.41) 31.7%, oklch(57.58% 0.0741 234.43) 33.3%, oklch(58.10% 0.0744 226.56) 34.9%, oklch(58.66% 0.0746 218.03) 36.5%, oklch(59.26% 0.0747 209.03) 38.1%, oklch(59.92% 0.0746 199.78) 39.7%, oklch(60.64% 0.0744 190.47) 41.3%, oklch(61.44% 0.0740 181.33) 42.9%, oklch(62.31% 0.0733 172.54) 44.4%, oklch(63.28% 0.0724 164.33) 46.0%, oklch(64.34% 0.0712 156.90) 47.6%, oklch(65.51% 0.0698 150.45) 49.2%, oklch(66.85% 0.0679 144.98) 50.8%, oklch(68.60% 0.0655 139.37) 52.4%, oklch(70.73% 0.0624 133.55) 54.0%, oklch(73.16% 0.0590 127.62) 55.6%, oklch(75.81% 0.0551 121.69) 57.1%, oklch(78.60% 0.0509 115.89) 58.7%, oklch(81.44% 0.0466 110.33) 60.3%, oklch(84.25% 0.0422 105.11) 61.9%, oklch(86.96% 0.0378 100.37) 63.5%, oklch(89.47% 0.0335 96.21) 65.1%, oklch(91.70% 0.0294 92.74) 66.7%, oklch(93.58% 0.0257 90.10) 68.3%, oklch(95.02% 0.0223 88.37) 69.8%, oklch(95.94% 0.0194 87.70) 71.4%, oklch(96.25% 0.0171 88.18) 73.0%, oklch(95.88% 0.0154 89.94) 74.6%, oklch(94.71% 0.0146 93.28) 76.2%, oklch(92.67% 0.0143 98.61) 77.8%, oklch(89.88% 0.0146 105.69) 79.4%, oklch(86.45% 0.0154 114.24) 81.0%, oklch(82.50% 0.0166 124.01) 82.5%, oklch(78.13% 0.0181 134.72) 84.1%, oklch(73.46% 0.0199 146.11) 85.7%, oklch(68.60% 0.0219 157.92) 87.3%, oklch(63.67% 0.0240 169.88) 88.9%, oklch(58.78% 0.0261 181.72) 90.5%, oklch(54.04% 0.0282 193.17) 92.1%, oklch(49.57% 0.0302 203.97) 93.7%, oklch(45.48% 0.0321 213.86) 95.2%, oklch(41.88% 0.0337 222.57) 96.8%, oklch(38.89% 0.0349 229.82) 98.4%, oklch(36.61% 0.0358 235.37) 100.0%);

In these collections

Frosted eucalyptus