Vivid navy, blue, cyan and light blue linear gradient
Vivid navy, blue, cyan and light blue palette with 32 colors. #00004a, #042fc1, #1e90ff, #51e4ff, #97ffff. Edit and export CSS, SVG, PNG or a shader.
32 colors, 6 editable OKLCH keyframes.
- #00004a
- #010054
- #010162
- #010371
- #020882
- #021193
- #021aa3
- #0224b2
- #042fc1
- #073ad0
- #0b46df
- #0e52eb
- #0c5ff6
- #066bfd
- #0c78ff
- #1685ff
- #1e90ff
- #2a9cfd
- #33a7fd
- #38b2fe
- #3abfff
- #41ccff
- #49d9ff
- #51e4ff
- #5aeeff
- #65f5ff
- #70faff
- #7afdff
- #84feff
- #8cfeff
- #92feff
- #97ffff
CSS
background: linear-gradient(180deg in oklch, oklch(18.57% 0.1282 264.40) 0.0%, oklch(20.24% 0.1398 264.43) 3.2%, oklch(22.48% 0.1541 264.49) 6.5%, oklch(25.20% 0.1692 264.57) 9.7%, oklch(28.21% 0.1848 264.61) 12.9%, oklch(31.34% 0.1991 264.57) 16.1%, oklch(34.44% 0.2104 264.42) 19.4%, oklch(37.52% 0.2188 264.23) 22.6%, oklch(40.81% 0.2263 264.13) 25.8%, oklch(44.24% 0.2325 263.99) 29.0%, oklch(47.69% 0.2368 263.65) 32.3%, oklch(51.08% 0.2385 262.98) 35.5%, oklch(54.29% 0.2372 261.83) 38.7%, oklch(57.26% 0.2317 260.15) 41.9%, oklch(60.04% 0.2187 258.19) 45.2%, oklch(62.68% 0.2037 255.90) 48.4%, oklch(65.26% 0.1898 253.17) 51.6%, oklch(67.82% 0.1742 249.89) 54.8%, oklch(70.43% 0.1606 245.96) 58.1%, oklch(73.17% 0.1510 241.17) 61.3%, oklch(76.16% 0.1437 234.81) 64.5%, oklch(79.29% 0.1357 227.37) 67.7%, oklch(82.38% 0.1303 219.56) 71.0%, oklch(85.27% 0.1272 212.13) 74.2%, oklch(87.76% 0.1257 205.80) 77.4%, oklch(89.71% 0.1237 201.29) 80.6%, oklch(91.09% 0.1201 198.50) 83.9%, oklch(92.04% 0.1153 196.94) 87.1%, oklch(92.67% 0.1099 196.23) 90.3%, oklch(93.08% 0.1047 196.02) 93.5%, oklch(93.39% 0.1003 195.96) 96.8%, oklch(93.70% 0.0970 195.68) 100.0%);In these collections
Ocean gradientsNavy and teal gradientsBeach gradientsCoastal gradients
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
