Lavender pool blue and weathered terracotta

Lavender, blue, teal and brown color palette

Pale lavender deepens through muted blue and cobalt, crosses teal and soft green, then warms into sand, peach and terracotta brown. Linear gradient, 80 colors at 120°: #d9cfdf, #8b8dbc, #235d9d, #dbc699, #a86d51. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#d9cfdf
#d7cdde
#d5cadd
#d2c8db
#cfc5d9
#ccc2d8
#c9bed6
#c5bbd4
#c2b7d2
#bdb4d0
#b9b0ce
#b5accc
#b0a8ca
#aca4c8
#a7a1c6
#a29dc4
#9d9ac2
#9996c1
#9493bf
#9090bd
#8b8dbc
#878aba
#8286b8
#7e82b6
#797eb3
#7479b1
#7075ae
#6b71ac
#676ca9
#6268a7
#5e64a4
#5960a2
#555da0
#505a9f
#4c589e
#47579d
#42569c
#3c569c
#35589c
#2d5a9c
#235d9d
#15629d
#00699c
#007098
#007796
#007f95
#008894
#009292
#2b9a8f
#45a18b
#5da888
#72ae86
#86b385
#98b885
#a9bc87
#b7c08b
#c4c28f
#cec593
#d5c697
#dbc699
#dfc69b
#e1c49c
#e1c19b
#e1be99
#dfba97
#ddb593
#dab08f
#d6aa8a
#d2a585
#ce9e7f
#ca9879
#c59273
#c08c6e
#bc8668
#b78062
#b37b5d
#b07759
#ad7355
#aa6f53
#a86d51

CSS

background: linear-gradient(120deg in oklch, oklch(86.61% 0.0248 312.89) 0.0%, oklch(86.04% 0.0260 312.07) 1.3%, oklch(85.37% 0.0274 311.09) 2.5%, oklch(84.61% 0.0290 309.99) 3.8%, oklch(83.76% 0.0308 308.77) 5.1%, oklch(82.84% 0.0327 307.44) 6.3%, oklch(81.85% 0.0348 306.01) 7.6%, oklch(80.81% 0.0370 304.50) 8.9%, oklch(79.71% 0.0392 302.92) 10.1%, oklch(78.58% 0.0416 301.28) 11.4%, oklch(77.41% 0.0441 299.60) 12.7%, oklch(76.22% 0.0466 297.88) 13.9%, oklch(75.02% 0.0491 296.14) 15.2%, oklch(73.81% 0.0517 294.40) 16.5%, oklch(72.60% 0.0543 292.65) 17.7%, oklch(71.41% 0.0569 290.92) 19.0%, oklch(70.23% 0.0595 289.22) 20.3%, oklch(69.08% 0.0621 287.56) 21.5%, oklch(67.97% 0.0646 285.95) 22.8%, oklch(66.91% 0.0671 284.41) 24.1%, oklch(65.89% 0.0695 282.95) 25.3%, oklch(64.80% 0.0721 281.77) 26.6%, oklch(63.60% 0.0749 280.90) 27.8%, oklch(62.32% 0.0779 280.28) 29.1%, oklch(60.97% 0.0811 279.86) 30.4%, oklch(59.58% 0.0844 279.57) 31.6%, oklch(58.16% 0.0878 279.37) 32.9%, oklch(56.74% 0.0912 279.19) 34.2%, oklch(55.34% 0.0945 278.98) 35.4%, oklch(53.97% 0.0979 278.67) 36.7%, oklch(52.67% 0.1011 278.23) 38.0%, oklch(51.45% 0.1042 277.57) 39.2%, oklch(50.32% 0.1071 276.66) 40.5%, oklch(49.32% 0.1097 275.44) 41.8%, oklch(48.47% 0.1121 273.84) 43.0%, oklch(47.77% 0.1142 271.81) 44.3%, oklch(47.27% 0.1159 269.29) 45.6%, oklch(46.96% 0.1172 266.23) 46.8%, oklch(46.89% 0.1181 262.57) 48.1%, oklch(47.06% 0.1185 258.25) 49.4%, oklch(47.52% 0.1183 253.18) 50.6%, oklch(48.37% 0.1175 247.13) 51.9%, oklch(49.60% 0.1140 240.20) 53.2%, oklch(51.14% 0.1049 232.43) 54.4%, oklch(52.97% 0.0994 223.95) 55.7%, oklch(55.03% 0.0972 214.89) 57.0%, oklch(57.29% 0.0979 205.34) 58.2%, oklch(59.68% 0.1017 195.41) 59.5%, oklch(62.18% 0.0980 185.21) 60.8%, oklch(64.74% 0.0941 174.86) 62.0%, oklch(67.30% 0.0901 164.45) 63.3%, oklch(69.83% 0.0862 154.09) 64.6%, oklch(72.28% 0.0823 143.89) 65.8%, oklch(74.60% 0.0786 133.96) 67.1%, oklch(76.75% 0.0751 124.40) 68.4%, oklch(78.69% 0.0719 115.33) 69.6%, oklch(80.36% 0.0691 106.84) 70.9%, oklch(81.73% 0.0668 99.05) 72.2%, oklch(82.75% 0.0649 92.07) 73.4%, oklch(83.38% 0.0636 86.00) 74.7%, oklch(83.59% 0.0629 80.80) 75.9%, oklch(83.45% 0.0627 76.17) 77.2%, oklch(82.99% 0.0628 72.05) 78.5%, oklch(82.25% 0.0633 68.41) 79.7%, oklch(81.26% 0.0641 65.21) 81.0%, oklch(80.06% 0.0652 62.41) 82.3%, oklch(78.67% 0.0665 59.99) 83.5%, oklch(77.14% 0.0680 57.89) 84.8%, oklch(75.48% 0.0696 56.10) 86.1%, oklch(73.75% 0.0714 54.56) 87.3%, oklch(71.96% 0.0733 53.25) 88.6%, oklch(70.15% 0.0752 52.12) 89.9%, oklch(68.36% 0.0771 51.15) 91.1%, oklch(66.62% 0.0789 50.29) 92.4%, oklch(64.96% 0.0807 49.51) 93.7%, oklch(63.42% 0.0823 48.77) 94.9%, oklch(62.02% 0.0838 48.04) 96.2%, oklch(60.81% 0.0850 47.28) 97.5%, oklch(59.81% 0.0861 46.46) 98.7%, oklch(59.06% 0.0868 45.53) 100.0%);

In these collections

Sun bleached pool tiles