Blue and mauve color palette

The Blue and mauve color palette brings together dark blue, dark red, gray, and blue. Linear gradient, 34 colors at 90°: #00012f, #050110, #5b4748, #73839a, #2c80c5. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #00012f
• #00012a
• #000023
• #00001c
• #000014
• #00000f
• #01000c
• #02000d
• #050110
• #0e0213
• #1b0516
• #280b17
• #341318
• #3e1d1b
• #462622
• #4e312d
• #553c3a
• #5b4748
• #625254
• #685c5f
• #6e6469
• #746a72
• #78717d
• #7a7787
• #787d92
• #73839a
• #6d88a0
• #658ca5
• #5b8daa
• #4e8caf
• #4289b6
• #3886bc
• #3182c1
• #2c80c5

CSS

background: linear-gradient(90deg in oklch, oklch(14.21% 0.0921 264.20) 0.0%, oklch(13.26% 0.0874 264.21) 3.0%, oklch(11.76% 0.0803 264.12) 6.1%, oklch(10.22% 0.0706 264.38) 9.1%, oklch(8.73% 0.0596 265.54) 12.1%, oklch(7.72% 0.0514 268.25) 15.2%, oklch(7.39% 0.0471 273.19) 18.2%, oklch(8.01% 0.0459 282.72) 21.2%, oklch(10.06% 0.0454 297.60) 24.2%, oklch(12.97% 0.0469 316.56) 27.3%, oklch(16.46% 0.0494 337.13) 30.3%, oklch(20.25% 0.0518 356.86) 33.3%, oklch(24.08% 0.0533 13.30) 36.4%, oklch(27.68% 0.0528 23.97) 39.4%, oklch(31.07% 0.0494 27.90) 42.4%, oklch(34.66% 0.0433 27.39) 45.5%, oklch(38.35% 0.0358 23.28) 48.5%, oklch(41.99% 0.0280 16.33) 51.5%, oklch(45.45% 0.0212 7.29) 54.5%, oklch(48.59% 0.0165 356.94) 57.6%, oklch(51.29% 0.0152 345.90) 60.6%, oklch(53.68% 0.0166 331.37) 63.6%, oklch(55.85% 0.0200 313.26) 66.7%, oklch(57.75% 0.0251 293.53) 69.7%, oklch(59.36% 0.0315 274.12) 72.7%, oklch(60.63% 0.0391 256.96) 75.8%, oklch(61.55% 0.0475 244.00) 78.8%, oklch(62.02% 0.0570 236.80) 81.8%, oklch(61.89% 0.0693 234.37) 84.8%, oklch(61.30% 0.0835 235.35) 87.9%, oklch(60.46% 0.0983 238.47) 90.9%, oklch(59.55% 0.1122 242.44) 93.9%, oklch(58.75% 0.1240 245.98) 97.0%, oklch(58.27% 0.1323 247.82) 100.0%);

In these collections

Dark gradientsDark multicolor gradientsText gradientsMinimal color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works