Blue Hour Shore

Tritone tan, light green and blue color palette

Linear gradient, 32 colors at 135°: #e99a6a, #89e5d7, #244c80, #01b4be, #e8e5b7. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#e99a6a
#e7a365
#e2b166
#d9c270
#cad384
#b9e19e
#a7e9b8
#97ebcc
#89e5d7
#77d6d7
#63bfcf
#50a5c1
#418aaf
#34719d
#2b5c8d
#265083
#244c80
#225086
#1e5b90
#166a9d
#007dab
#0091b4
#00a3bb
#01b4be
#30bfbb
#55c9b4
#79d1ad
#9ad7a7
#b6dca6
#cddfaa
#dde2b1
#e8e5b7

CSS

background: linear-gradient(135deg in oklch, oklch(75.59% 0.1144 52.03) 0.0%, oklch(76.88% 0.1123 62.65) 3.2%, oklch(79.03% 0.1092 77.23) 6.5%, oklch(81.62% 0.1056 94.61) 9.7%, oklch(84.22% 0.1017 113.64) 12.9%, oklch(86.38% 0.0980 133.16) 16.1%, oklch(87.69% 0.0946 152.01) 19.4%, oklch(87.71% 0.0921 169.03) 22.6%, oklch(85.97% 0.0907 183.20) 25.8%, oklch(81.74% 0.0902 196.55) 29.0%, oklch(75.46% 0.0903 209.72) 32.3%, oklch(67.97% 0.0910 222.21) 35.5%, oklch(60.10% 0.0921 233.49) 38.7%, oklch(52.70% 0.0935 243.04) 41.9%, oklch(46.61% 0.0952 250.35) 45.2%, oklch(42.65% 0.0969 254.91) 48.4%, oklch(41.54% 0.0989 256.18) 51.6%, oklch(42.84% 0.1022 254.05) 54.8%, oklch(45.96% 0.1063 249.07) 58.1%, oklch(50.35% 0.1106 241.85) 61.3%, oklch(55.48% 0.1146 232.99) 64.5%, oklch(60.83% 0.1133 223.06) 67.7%, oklch(65.85% 0.1151 212.68) 71.0%, oklch(70.02% 0.1190 202.44) 74.2%, oklch(73.28% 0.1158 191.91) 77.4%, oklch(76.48% 0.1096 179.27) 80.6%, oklch(79.60% 0.1014 165.25) 83.9%, oklch(82.57% 0.0921 150.73) 87.1%, oklch(85.30% 0.0824 136.57) 90.3%, oklch(87.72% 0.0734 123.62) 93.5%, oklch(89.76% 0.0658 112.77) 96.8%, oklch(91.34% 0.0606 104.87) 100.0%);

In these collections

Beach gradients