Navy and terracotta sun bleached pool tiles

Complementary blue, gray and brown color palette

The Navy and terracotta sun bleached pool tiles brings together blue, teal, yellow, and orange. Linear gradient, 32 colors at 90°: #1a3e71, #326e8d, #6a9289, #9a946c, #b17541. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#1a3e71
#1b4174
#1d4777
#204d7b
#235380
#275a84
#2a6188
#2e688b
#326e8d
#37748e
#3d798e
#457e8e
#4d838d
#55888d
#5d8b8c
#648f8b
#6a9289
#709486
#779682
#7e977e
#859779
#8d9775
#949670
#9a946c
#9f9268
#a38e62
#a68a5c
#a98555
#ac814e
#ae7c48
#b07844
#b17541

CSS

background: linear-gradient(90deg in oklch, oklch(36.61% 0.0978 258.05) 0.0%, oklch(37.77% 0.0965 256.38) 3.2%, oklch(39.33% 0.0949 254.38) 6.5%, oklch(41.20% 0.0929 252.00) 9.7%, oklch(43.25% 0.0906 249.22) 12.9%, oklch(45.39% 0.0881 246.02) 16.1%, oklch(47.49% 0.0853 242.37) 19.4%, oklch(49.46% 0.0823 238.23) 22.6%, oklch(51.20% 0.0791 233.59) 25.8%, oklch(52.87% 0.0750 228.56) 29.0%, oklch(54.53% 0.0702 223.12) 32.3%, oklch(56.15% 0.0649 217.25) 35.5%, oklch(57.71% 0.0597 210.89) 38.7%, oklch(59.17% 0.0549 203.99) 41.9%, oklch(60.51% 0.0508 196.50) 45.2%, oklch(61.68% 0.0478 188.38) 48.4%, oklch(62.69% 0.0462 179.45) 51.6%, oklch(63.57% 0.0455 169.00) 54.8%, oklch(64.33% 0.0455 157.40) 58.1%, oklch(64.98% 0.0463 145.19) 61.3%, oklch(65.48% 0.0477 132.87) 64.5%, oklch(65.86% 0.0498 120.97) 67.7%, oklch(66.08% 0.0524 110.03) 71.0%, oklch(66.15% 0.0556 100.55) 74.2%, oklch(66.01% 0.0597 92.69) 77.4%, oklch(65.57% 0.0652 85.73) 80.6%, oklch(64.91% 0.0718 79.58) 83.9%, oklch(64.13% 0.0789 74.20) 87.1%, oklch(63.30% 0.0860 69.54) 90.3%, oklch(62.51% 0.0926 65.54) 93.5%, oklch(61.86% 0.0981 62.17) 96.8%, oklch(61.42% 0.1020 59.38) 100.0%);

In these collections

Sun bleached pool tiles Navy