Deep cyan and coral coastal rockpool spring

Complementary blue, gray and pink color palette

The Deep cyan and coral coastal rockpool spring brings together blue, light gray, and light red. Linear gradient, 32 colors at 180°: #194c62, #1e5a72, #5c7c89, #a299a0, #dba8a0. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#194c62
#194d63
#184e64
#174f66
#165068
#16526a
#17546c
#1a576e
#1e5a72
#225e75
#276279
#2e667c
#356a80
#3e6e83
#477385
#517887
#5c7c89
#66818c
#708590
#7a8994
#858c99
#90909c
#9a959f
#a299a0
#a99ea2
#b0a1a3
#b7a4a4
#bfa6a4
#c8a7a3
#d0a7a2
#d6a7a1
#dba8a0

CSS

background: linear-gradient(180deg in oklch, oklch(39.37% 0.0648 230.62) 0.0%, oklch(39.60% 0.0656 230.39) 3.2%, oklch(39.86% 0.0670 230.06) 6.5%, oklch(40.19% 0.0685 229.67) 9.7%, oklch(40.63% 0.0699 229.27) 12.9%, oklch(41.20% 0.0711 228.89) 16.1%, oklch(41.95% 0.0716 228.56) 19.4%, oklch(42.90% 0.0717 228.25) 22.6%, oklch(44.04% 0.0716 227.81) 25.8%, oklch(45.33% 0.0713 227.37) 29.0%, oklch(46.74% 0.0704 227.05) 32.3%, oklch(48.23% 0.0687 226.96) 35.5%, oklch(49.77% 0.0661 227.22) 38.7%, oklch(51.35% 0.0622 227.45) 41.9%, oklch(53.05% 0.0563 226.18) 45.2%, oklch(54.84% 0.0493 224.55) 48.4%, oklch(56.68% 0.0419 223.92) 51.6%, oklch(58.53% 0.0349 225.69) 54.8%, oklch(60.35% 0.0289 231.24) 58.1%, oklch(62.12% 0.0246 242.16) 61.3%, oklch(63.95% 0.0210 260.31) 64.5%, oklch(65.80% 0.0178 283.52) 67.7%, oklch(67.62% 0.0155 308.90) 71.0%, oklch(69.35% 0.0144 333.56) 74.2%, oklch(70.93% 0.0149 354.63) 77.4%, oklch(72.31% 0.0172 9.28) 80.6%, oklch(73.52% 0.0226 18.21) 83.9%, oklch(74.60% 0.0304 23.34) 87.1%, oklch(75.56% 0.0396 25.79) 90.3%, oklch(76.37% 0.0488 26.66) 93.5%, oklch(77.04% 0.0567 27.06) 96.8%, oklch(77.56% 0.0620 28.08) 100.0%);

In these collections

Coastal rockpool spring