Teal gold pearl diagonal

Teal, olive, brown and gray palette with 56 colors. #42b1c4, #6ca05a, #b38232, #c3bc84, #e3f5e3. Edit and export CSS, SVG, PNG or a shader.

56 colors, 3 editable OKLCH keyframes.

#42b1c4
#40b1c1
#3db1be
#3ab1b9
#37b0b3
#36b0ad
#36afa6
#39ae9e
#3dad95
#43ac8c
#4aaa83
#52a879
#5aa56f
#63a364
#6ca05a
#749c50
#7c9947
#84953e
#8b9236
#918f2f
#978b29
#9d8825
#a18623
#a58423
#a98224
#ac8127
#af812b
#b1812e
#b38232
#b58337
#b7863b
#b88940
#ba8d46
#bb914b
#bc9551
#bd9a57
#be9f5e
#bfa565
#c0aa6c
#c1b074
#c2b67c
#c3bc84
#c5c28d
#c6c795
#c8cd9e
#c9d2a6
#cbd7ae
#cedcb6
#d0e0be
#d3e4c5
#d6e8cb
#d9ebd1
#dbeed7
#def1db
#e1f4df
#e3f5e3

CSS

background: linear-gradient(135deg in oklch, oklch(70.47% 0.1020 211.64) 0.0%, oklch(70.32% 0.1022 208.88) 1.8%, oklch(70.10% 0.1027 205.53) 3.6%, oklch(69.83% 0.1032 201.66) 5.5%, oklch(69.51% 0.1038 197.31) 7.3%, oklch(69.15% 0.1046 192.52) 9.1%, oklch(68.75% 0.1054 187.35) 10.9%, oklch(68.32% 0.1062 181.85) 12.7%, oklch(67.87% 0.1071 176.06) 14.5%, oklch(67.40% 0.1081 170.04) 16.4%, oklch(66.92% 0.1090 163.83) 18.2%, oklch(66.44% 0.1100 157.48) 20.0%, oklch(65.97% 0.1110 151.05) 21.8%, oklch(65.50% 0.1119 144.57) 23.6%, oklch(65.05% 0.1128 138.10) 25.5%, oklch(64.62% 0.1136 131.69) 27.3%, oklch(64.22% 0.1144 125.39) 29.1%, oklch(63.85% 0.1150 119.24) 30.9%, oklch(63.53% 0.1156 113.29) 32.7%, oklch(63.25% 0.1160 107.60) 34.5%, oklch(63.03% 0.1163 102.21) 36.4%, oklch(62.87% 0.1165 97.18) 38.2%, oklch(62.78% 0.1165 92.54) 40.0%, oklch(62.76% 0.1163 88.35) 41.8%, oklch(62.83% 0.1160 84.66) 43.6%, oklch(62.98% 0.1154 81.52) 45.5%, oklch(63.22% 0.1146 78.97) 47.3%, oklch(63.57% 0.1136 77.07) 49.1%, oklch(64.02% 0.1123 75.85) 50.9%, oklch(64.61% 0.1107 75.25) 52.7%, oklch(65.33% 0.1088 75.22) 54.5%, oklch(66.16% 0.1065 75.72) 56.4%, oklch(67.10% 0.1041 76.71) 58.2%, oklch(68.14% 0.1013 78.16) 60.0%, oklch(69.26% 0.0984 80.02) 61.8%, oklch(70.47% 0.0953 82.26) 63.6%, oklch(71.74% 0.0920 84.83) 65.5%, oklch(73.06% 0.0886 87.70) 67.3%, oklch(74.44% 0.0850 90.82) 69.1%, oklch(75.85% 0.0814 94.16) 70.9%, oklch(77.29% 0.0777 97.68) 72.7%, oklch(78.74% 0.0740 101.34) 74.5%, oklch(80.21% 0.0702 105.09) 76.4%, oklch(81.67% 0.0665 108.91) 78.2%, oklch(83.11% 0.0628 112.75) 80.0%, oklch(84.53% 0.0592 116.56) 81.8%, oklch(85.92% 0.0556 120.32) 83.6%, oklch(87.27% 0.0522 123.99) 85.5%, oklch(88.56% 0.0489 127.51) 87.3%, oklch(89.79% 0.0457 130.86) 89.1%, oklch(90.95% 0.0428 134.00) 90.9%, oklch(92.02% 0.0400 136.88) 92.7%, oklch(93.00% 0.0375 139.46) 94.5%, oklch(93.88% 0.0353 141.72) 96.4%, oklch(94.64% 0.0333 143.60) 98.2%, oklch(95.28% 0.0317 145.07) 100.0%);

In these collections

Bedazzled