Navy, turquoise and lilac color palette

The Navy, turquoise and lilac color palette brings together dark blue, blue, teal, and magenta. Linear gradient, 32 colors at 135°: #07122b, #0160ea, #00e1ef, #ec33c9, #fd6ad7. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #07122b
• #091739
• #0c1e4d
• #102566
• #172d83
• #1d37a1
• #2142be
• #1e50d7
• #0160ea
• #007ade
• #0091d9
• #00a6d9
• #00b9da
• #00cadc
• #00d7df
• #05dfe4
• #00e1ef
• #0ddaff
• #66c9ff
• #81b6ff
• #999eff
• #b87bff
• #db4fed
• #ec33c9
• #f524b4
• #fa24ab
• #fd30ac
• #fe3fb4
• #fe4ebf
• #fd5bca
• #fd64d3
• #fd6ad7

CSS

background: linear-gradient(135deg in oklch, oklch(18.90% 0.0537 263.67) 0.0%, oklch(21.60% 0.0689 263.94) 3.2%, oklch(25.23% 0.0911 264.76) 6.5%, oklch(29.56% 0.1175 265.77) 9.7%, oklch(34.35% 0.1457 266.59) 12.9%, oklch(39.36% 0.1729 266.84) 16.1%, oklch(44.36% 0.1963 266.15) 19.4%, oklch(49.11% 0.2134 264.15) 22.6%, oklch(53.41% 0.2215 260.35) 25.8%, oklch(57.95% 0.1772 252.72) 29.0%, oklch(62.81% 0.1485 241.81) 32.3%, oklch(67.71% 0.1339 229.32) 35.5%, oklch(72.37% 0.1292 216.96) 38.7%, oklch(76.51% 0.1310 206.43) 41.9%, oklch(79.83% 0.1357 199.42) 45.2%, oklch(82.06% 0.1392 197.62) 48.4%, oklch(82.87% 0.1411 202.83) 51.6%, oklch(81.99% 0.1443 215.78) 54.8%, oklch(79.82% 0.1203 234.52) 58.1%, oklch(76.83% 0.1194 256.82) 61.3%, oklch(73.48% 0.1399 280.47) 64.5%, oklch(70.23% 0.1916 303.24) 67.7%, oklch(67.56% 0.2481 322.91) 71.0%, oklch(65.94% 0.2589 337.26) 74.2%, oklch(65.59% 0.2624 345.24) 77.4%, oklch(66.07% 0.2606 349.08) 80.6%, oklch(67.16% 0.2548 349.80) 83.9%, oklch(68.62% 0.2464 348.31) 87.1%, oklch(70.26% 0.2369 345.54) 90.3%, oklch(71.85% 0.2276 342.40) 93.5%, oklch(73.17% 0.2198 339.81) 96.8%, oklch(74.02% 0.2150 338.70) 100.0%);

In these collections

Sequined feather costumePink and teal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works