Navy, terracotta and turquoise muted rainbow palette

Muted rainbow from blue to teal color palette

The Navy, terracotta and turquoise muted rainbow palette brings together blue, purple, red, gold, green, and light teal. Linear gradient, 32 colors at 90°: #1b3c72, #7e4370, #aa6a3e, #90a55d, #65d2d8. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#1b3c72
#273c75
#343c78
#423c7b
#503d7b
#5e3e7a
#6a3f78
#744174
#7e4370
#88456b
#904865
#974c5f
#9e5158
#a35651
#a75c4a
#a96343
#aa6a3e
#aa723a
#a87a38
#a58339
#a28c3e
#9d9446
#979d51
#90a55d
#88ad6b
#80b57a
#76bc8b
#6dc39d
#66c8b0
#62cdc1
#63d0cf
#65d2d8

CSS

background: linear-gradient(90deg in oklch, oklch(36.22% 0.1020 260.16) 0.0%, oklch(37.08% 0.1020 266.33) 3.2%, oklch(38.25% 0.1020 274.83) 6.5%, oklch(39.64% 0.1020 284.91) 9.7%, oklch(41.16% 0.1020 295.85) 12.9%, oklch(42.71% 0.1020 306.92) 16.1%, oklch(44.21% 0.1020 317.38) 19.4%, oklch(45.62% 0.1020 327.05) 22.6%, oklch(47.07% 0.1020 336.74) 25.8%, oklch(48.55% 0.1020 346.47) 29.0%, oklch(50.03% 0.1021 356.20) 32.3%, oklch(51.51% 0.1021 5.95) 35.5%, oklch(52.97% 0.1020 15.68) 38.7%, oklch(54.39% 0.1019 25.40) 41.9%, oklch(55.79% 0.1017 35.11) 45.2%, oklch(57.16% 0.1014 44.83) 48.4%, oklch(58.54% 0.1011 54.54) 51.6%, oklch(59.92% 0.1009 64.26) 54.8%, oklch(61.34% 0.1007 73.97) 58.1%, oklch(62.79% 0.1006 83.69) 61.3%, oklch(64.30% 0.1005 93.41) 64.5%, oklch(65.84% 0.1005 103.12) 67.7%, oklch(67.40% 0.1005 112.84) 71.0%, oklch(68.94% 0.1005 122.55) 74.2%, oklch(70.47% 0.1006 132.27) 77.4%, oklch(71.95% 0.1006 142.01) 80.6%, oklch(73.51% 0.1006 152.61) 83.9%, oklch(75.14% 0.1006 163.86) 87.1%, oklch(76.73% 0.1006 175.01) 90.3%, oklch(78.19% 0.1006 185.30) 93.5%, oklch(79.42% 0.1006 193.98) 96.8%, oklch(80.31% 0.1006 200.27) 100.0%);

In these collections

Muted rainbow gradients