Navy, turquoise and emerald color palette

The Navy, turquoise and emerald color palette brings together dark blue, blue, teal, green, and light green. Linear gradient, 32 colors at 90°: #172944, #406fa1, #2c818d, #3d9762, #91c78a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#172944
#1b2e4b
#203656
#274063
#2e4a72
#355581
#3b5f8f
#3f689a
#406fa1
#3f74a4
#3d77a3
#3b79a1
#387b9d
#357b98
#337c93
#307e90
#2c818d
#25848a
#1c8785
#148a7f
#158d77
#20906f
#2f9367
#3d9762
#4a9b60
#57a062
#64a767
#6faf6e
#7ab677
#83bd7f
#8bc385
#91c78a

CSS

background: linear-gradient(90deg in oklch, oklch(27.95% 0.0551 258.05) 0.0%, oklch(30.10% 0.0586 257.78) 3.2%, oklch(33.14% 0.0636 257.67) 6.5%, oklch(36.76% 0.0697 257.56) 9.7%, oklch(40.68% 0.0761 257.27) 12.9%, oklch(44.58% 0.0823 256.63) 16.1%, oklch(48.16% 0.0878 255.48) 19.4%, oklch(51.12% 0.0919 253.64) 22.6%, oklch(53.18% 0.0940 250.95) 25.8%, oklch(54.42% 0.0939 247.48) 29.0%, oklch(55.09% 0.0920 243.35) 32.3%, oklch(55.33% 0.0890 238.65) 35.5%, oklch(55.31% 0.0855 233.46) 38.7%, oklch(55.20% 0.0823 227.86) 41.9%, oklch(55.14% 0.0801 221.93) 45.2%, oklch(55.30% 0.0794 215.76) 48.4%, oklch(55.77% 0.0810 209.26) 51.6%, oklch(56.24% 0.0849 201.70) 54.8%, oklch(56.70% 0.0904 193.33) 58.1%, oklch(57.20% 0.0969 184.59) 61.3%, oklch(57.79% 0.1035 175.91) 64.5%, oklch(58.54% 0.1098 167.73) 67.7%, oklch(59.48% 0.1148 160.49) 71.0%, oklch(60.68% 0.1181 154.63) 74.2%, oklch(62.26% 0.1190 150.38) 77.4%, oklch(64.34% 0.1182 147.36) 80.6%, oklch(66.75% 0.1160 145.32) 83.9%, oklch(69.31% 0.1131 144.04) 87.1%, oklch(71.85% 0.1097 143.28) 90.3%, oklch(74.19% 0.1064 142.80) 93.5%, oklch(76.15% 0.1037 142.39) 96.8%, oklch(77.56% 0.1020 141.80) 100.0%);

In these collections

Green multicolor gradients Alpine harvest embroidery