Teal and ochre jewel tones palette

Dark green, teal and yellow color palette

The Teal and ochre jewel tones palette brings together teal, green, and gold. Linear gradient, 32 colors at 135°: #083c35, #0b725c, #1f986c, #8ca73b, #d2b52c. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#083c35
#084038
#08463d
#084d42
#085448
#095c4e
#096453
#0a6b58
#0b725c
#0a775f
#077d63
#038266
#008669
#008b6c
#02906d
#0f946d
#1f986c
#309c68
#419f62
#51a15b
#62a352
#71a54a
#7fa642
#8ca73b
#97a936
#a1ab32
#acad2f
#b6af2c
#bfb12c
#c7b22b
#cdb42c
#d2b52c

CSS

background: linear-gradient(135deg in oklch, oklch(32.28% 0.0537 181.41) 0.0%, oklch(33.65% 0.0568 180.73) 3.2%, oklch(35.51% 0.0609 179.83) 6.5%, oklch(37.74% 0.0658 178.75) 9.7%, oklch(40.17% 0.0711 177.55) 12.9%, oklch(42.69% 0.0767 176.30) 16.1%, oklch(45.13% 0.0823 175.03) 19.4%, oklch(47.37% 0.0875 173.81) 22.6%, oklch(49.26% 0.0920 172.70) 25.8%, oklch(50.93% 0.0964 171.97) 29.0%, oklch(52.48% 0.1007 171.54) 32.3%, oklch(53.93% 0.1048 171.19) 35.5%, oklch(55.31% 0.1087 170.67) 38.7%, oklch(56.63% 0.1124 169.80) 41.9%, oklch(57.92% 0.1164 168.33) 45.2%, oklch(59.20% 0.1197 166.03) 48.4%, oklch(60.48% 0.1227 162.65) 51.6%, oklch(61.72% 0.1254 158.04) 54.8%, oklch(62.92% 0.1279 152.47) 58.1%, oklch(64.09% 0.1300 146.29) 61.3%, oklch(65.23% 0.1321 139.85) 64.5%, oklch(66.36% 0.1339 133.48) 67.7%, oklch(67.48% 0.1357 127.52) 71.0%, oklch(68.61% 0.1374 122.32) 74.2%, oklch(69.79% 0.1390 117.90) 77.4%, oklch(71.05% 0.1406 113.73) 80.6%, oklch(72.35% 0.1421 109.82) 83.9%, oklch(73.64% 0.1435 106.21) 87.1%, oklch(74.85% 0.1447 102.96) 90.3%, oklch(75.95% 0.1458 100.11) 93.5%, oklch(76.87% 0.1467 97.71) 96.8%, oklch(77.56% 0.1474 95.81) 100.0%);

In these collections

Jewel tones