Teal blue lavender hush

Dark green, teal, blue and purple color palette

Linear gradient, 32 colors at 45°: #113828, #1f6054, #23798c, #4e7ec0, #a16de5. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#113828
#123b2b
#143f2f
#164334
#184839
#1a4e40
#1c5446
#1e5a4d
#1f6054
#1f655c
#1f6a63
#1e6d69
#1d7170
#1d7377
#1e767e
#207885
#23798c
#277b93
#2c7c9a
#327da1
#387ea8
#3e7eb0
#457eb8
#4e7ec0
#587dc9
#637cd1
#6f7ad7
#7b77dd
#8675e1
#9172e3
#9a6fe4
#a16de5

CSS

background: linear-gradient(45deg in oklch, oklch(30.71% 0.0524 163.12) 0.0%, oklch(31.74% 0.0535 164.39) 3.2%, oklch(33.10% 0.0550 165.84) 6.5%, oklch(34.72% 0.0567 167.49) 9.7%, oklch(36.53% 0.0586 169.36) 12.9%, oklch(38.47% 0.0607 171.47) 16.1%, oklch(40.47% 0.0629 173.83) 19.4%, oklch(42.44% 0.0652 176.46) 22.6%, oklch(44.34% 0.0676 179.39) 25.8%, oklch(46.08% 0.0699 182.62) 29.0%, oklch(47.59% 0.0723 186.17) 32.3%, oklch(48.85% 0.0745 190.10) 35.5%, oklch(49.98% 0.0764 194.51) 38.7%, oklch(51.00% 0.0781 199.33) 41.9%, oklch(51.94% 0.0798 204.49) 45.2%, oklch(52.79% 0.0816 209.93) 48.4%, oklch(53.59% 0.0836 215.56) 51.6%, oklch(54.35% 0.0859 221.33) 54.8%, oklch(55.09% 0.0887 227.14) 58.1%, oklch(55.83% 0.0920 232.94) 61.3%, oklch(56.57% 0.0961 238.66) 64.5%, oklch(57.35% 0.1010 244.26) 67.7%, oklch(58.15% 0.1072 250.24) 71.0%, oklch(58.96% 0.1147 256.63) 74.2%, oklch(59.77% 0.1231 263.24) 77.4%, oklch(60.56% 0.1319 269.92) 80.6%, oklch(61.32% 0.1409 276.48) 83.9%, oklch(62.04% 0.1498 282.76) 87.1%, oklch(62.69% 0.1581 288.58) 90.3%, oklch(63.28% 0.1655 293.77) 93.5%, oklch(63.78% 0.1717 298.15) 96.8%, oklch(64.17% 0.1764 301.56) 100.0%);

In these collections

Frosted eucalyptus