Analogous white, gray, teal and navy linear swatches

Analogous white, gray, teal and navy color palette

Linear swatches, 4 colors at 90°: #edf2f2, #c9d6d7, #3b7379, #263d50. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#edf2f2
#c9d6d7
#3b7379
#263d50

CSS

background: linear-gradient(90deg, oklch(95.67% 0.0055 196.87) 0.000% 25.000%, oklch(86.61% 0.0138 202.16) 25.000% 50.000%, oklch(51.97% 0.0593 205.33) 50.000% 75.000%, oklch(35.04% 0.0441 243.37) 75.000% 100.000%);

In these collections

Presentation swatches