Deep teal and mustard olive palette

The Deep teal and mustard olive palette brings together teal, green, yellow, and gold. Linear gradient, 32 colors at 135°: #17403e, #345c3d, #7b803e, #b99f51, #ebbd68. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#17403e
#18423f
#19453f
#1b4840
#1d4c40
#215040
#26543f
#2d583e
#345c3d
#3c603c
#43643b
#4b683a
#546d3a
#5d713b
#67763c
#717b3d
#7b803e
#858440
#8e8943
#988e45
#a19248
#a9964b
#b19b4e
#b99f51
#c1a455
#c9a858
#d0ad5b
#d6b15f
#ddb562
#e2b864
#e7bb67
#ebbd68

CSS

background: linear-gradient(135deg in oklch, oklch(34.25% 0.0455 190.55) 0.0%, oklch(34.97% 0.0472 187.47) 3.2%, oklch(35.85% 0.0496 183.47) 6.5%, oklch(36.87% 0.0523 178.72) 9.7%, oklch(38.03% 0.0554 173.40) 12.9%, oklch(39.30% 0.0587 167.68) 16.1%, oklch(40.66% 0.0621 161.74) 19.4%, oklch(42.10% 0.0656 155.76) 22.6%, oklch(43.60% 0.0689 149.90) 25.8%, oklch(45.15% 0.0721 144.34) 29.0%, oklch(46.72% 0.0749 139.26) 32.3%, oklch(48.33% 0.0775 134.67) 35.5%, oklch(50.09% 0.0799 130.11) 38.7%, oklch(51.96% 0.0822 125.60) 41.9%, oklch(53.91% 0.0844 121.15) 45.2%, oklch(55.92% 0.0865 116.83) 48.4%, oklch(57.96% 0.0886 112.66) 51.6%, oklch(59.99% 0.0907 108.70) 54.8%, oklch(61.99% 0.0926 104.97) 58.1%, oklch(63.93% 0.0946 101.52) 61.3%, oklch(65.77% 0.0965 98.39) 64.5%, oklch(67.50% 0.0985 95.61) 67.7%, oklch(69.23% 0.1005 93.19) 71.0%, oklch(70.99% 0.1025 91.08) 74.2%, oklch(72.74% 0.1046 89.25) 77.4%, oklch(74.46% 0.1066 87.67) 80.6%, oklch(76.11% 0.1085 86.31) 83.9%, oklch(77.66% 0.1103 85.14) 87.1%, oklch(79.08% 0.1120 84.12) 90.3%, oklch(80.34% 0.1135 83.23) 93.5%, oklch(81.42% 0.1147 82.44) 96.8%, oklch(82.28% 0.1157 81.70) 100.0%);

In these collections

Olive color palette