Gray, blue and light blue linear swatches

Linear swatches, 6 colors at 90°: #ecf3f8, #add4ee, #5488dd, #4c6c8a, #5db6ca, #c5e6e6. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #ecf3f8
• #add4ee
• #5488dd
• #4c6c8a
• #5db6ca
• #c5e6e6

CSS

background: linear-gradient(90deg, oklch(96.06% 0.0096 237.66) 0.000% 16.667%, oklch(85.04% 0.0551 237.66) 16.667% 33.333%, oklch(62.99% 0.1406 259.85) 33.333% 50.000%, oklch(51.97% 0.0606 247.17) 50.000% 66.667%, oklch(72.83% 0.0896 214.41) 66.667% 83.333%, oklch(90.16% 0.0344 195.39) 83.333% 100.000%);

In these collections

Cool blueBlue swatchesCool swatchesCool blue swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works