Navy, turquoise and gold heatmap palette

Navy, teal, green and beige color palette

The Navy, turquoise and gold heatmap palette brings together dark blue, blue, teal, green, and pale orange. Linear gradient, 32 colors at 90°: #101c34, #63768a, #1db2c0, #98be57, #ebddbc. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#101c34
#16223b
#1f2c43
#2b384e
#374559
#455366
#526072
#5c6c7f
#63768a
#667f95
#6587a0
#628fab
#5b96b4
#519dbc
#43a4c1
#31abc3
#1db2c0
#00b8b9
#00bdac
#25c09b
#49c187
#67c073
#82bf61
#98be57
#abbf56
#bbc15e
#c9c56d
#d4ca7f
#ddcf92
#e3d5a3
#e8dab2
#ebddbc

CSS

background: linear-gradient(90deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(25.55% 0.0492 262.66) 3.2%, oklch(29.32% 0.0462 261.51) 6.5%, oklch(33.82% 0.0426 260.14) 9.7%, oklch(38.71% 0.0390 258.50) 12.9%, oklch(43.69% 0.0361 256.52) 16.1%, oklch(48.42% 0.0346 254.15) 19.4%, oklch(52.57% 0.0351 251.33) 22.6%, oklch(55.85% 0.0383 248.01) 25.8%, oklch(58.52% 0.0447 244.46) 29.0%, oklch(60.79% 0.0538 240.69) 32.3%, oklch(62.74% 0.0646 236.57) 35.5%, oklch(64.44% 0.0764 231.95) 38.7%, oklch(65.94% 0.0881 226.69) 41.9%, oklch(67.32% 0.0989 220.64) 45.2%, oklch(68.63% 0.1080 213.66) 48.4%, oklch(69.90% 0.1149 205.47) 51.6%, oklch(70.88% 0.1209 195.39) 54.8%, oklch(71.62% 0.1269 183.85) 58.1%, oklch(72.21% 0.1333 171.50) 61.3%, oklch(72.77% 0.1376 158.94) 64.5%, oklch(73.39% 0.1402 146.79) 67.7%, oklch(74.19% 0.1407 135.68) 71.0%, oklch(75.27% 0.1387 126.22) 74.2%, oklch(76.74% 0.1332 118.59) 77.4%, oklch(78.61% 0.1234 112.00) 80.6%, oklch(80.74% 0.1105 106.30) 83.9%, oklch(82.99% 0.0958 101.42) 87.1%, oklch(85.20% 0.0808 97.27) 90.3%, oklch(87.23% 0.0668 93.74) 93.5%, oklch(88.93% 0.0550 90.77) 96.8%, oklch(90.16% 0.0469 88.25) 100.0%);

In these collections

Heatmap gradients Oil slick colors