Navy, turquoise and rose color palette

The Navy, turquoise and rose color palette brings together dark blue, blue, teal, purple, and magenta. Linear gradient, 32 colors at 225°: #071534, #115f9f, #31c3e7, #8d64ef, #fa43b1. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

• #071534
• #08193c
• #0b2047
• #0e2854
• #103162
• #123b71
• #13467f
• #13528f
• #115f9f
• #0c6cae
• #037abb
• #0089c6
• #009ace
• #0dabd6
• #26badb
• #32c2e0
• #31c3e7
• #2cbaed
• #36aaf2
• #4c96f4
• #6183f2
• #7275f0
• #806cef
• #8d64ef
• #9a5dee
• #a857ec
• #b651e7
• #c64bde
• #d648d2
• #e545c6
• #f144ba
• #fa43b1

CSS

background: linear-gradient(225deg in oklch, oklch(20.47% 0.0648 262.97) 0.0%, oklch(22.45% 0.0701 262.27) 3.2%, oklch(25.19% 0.0778 261.36) 6.5%, oklch(28.45% 0.0866 260.21) 9.7%, oklch(32.01% 0.0956 258.76) 12.9%, oklch(35.63% 0.1036 256.96) 16.1%, oklch(39.32% 0.1106 254.84) 19.4%, oklch(43.33% 0.1179 252.43) 22.6%, oklch(47.51% 0.1247 249.71) 25.8%, oklch(51.72% 0.1304 246.61) 29.0%, oklch(55.79% 0.1343 243.10) 32.3%, oklch(59.86% 0.1337 238.48) 35.5%, oklch(64.47% 0.1307 231.47) 38.7%, oklch(69.04% 0.1278 223.93) 41.9%, oklch(72.92% 0.1238 217.97) 45.2%, oklch(75.44% 0.1228 215.63) 48.4%, oklch(75.91% 0.1266 218.96) 51.6%, oklch(74.06% 0.1347 228.17) 54.8%, oklch(70.78% 0.1455 241.06) 58.1%, oklch(67.06% 0.1576 255.30) 61.3%, oklch(63.90% 0.1694 268.54) 64.5%, oklch(62.21% 0.1797 278.62) 67.7%, oklch(61.51% 0.1900 286.55) 71.0%, oklch(61.38% 0.2004 293.40) 74.2%, oklch(61.65% 0.2102 299.70) 77.4%, oklch(62.14% 0.2188 305.98) 80.6%, oklch(62.70% 0.2256 312.78) 83.9%, oklch(63.58% 0.2303 320.59) 87.1%, oklch(64.80% 0.2335 328.90) 90.3%, oklch(66.12% 0.2356 336.89) 93.5%, oklch(67.31% 0.2371 343.72) 96.8%, oklch(68.11% 0.2384 348.57) 100.0%);

In these collections

Retro gradientsGalaxy gradientsVaporwave gradientsSynthwave gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works