Pink and Blue: Navy and magenta

The "Pink and Blue: Navy and magenta" palette brings together blue, light blue, magenta, light magenta, and pale red. Linear swatches, 5 colors at 90°: #0c2786, #6faee2, #db5bc5, #faa6ce, #ffdae1. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#0c2786
#6faee2
#db5bc5
#faa6ce
#ffdae1

CSS

background: linear-gradient(90deg, oklch(33.07% 0.1598 265.08) 0.000% 20.000%, oklch(72.83% 0.1006 245.00) 20.000% 40.000%, oklch(66.93% 0.1998 334.82) 40.000% 60.000%, oklch(81.89% 0.1102 349.62) 60.000% 80.000%, oklch(92.12% 0.0422 4.41) 80.000% 100.000%);

In these collections

Pink and blue swatches