Cool blue, teal, green and light blue linear swatches

Linear swatches, 5 colors at 90°: #0693e9, #2cafd0, #5fceb5, #81ddb0, #84d1c2. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #0693e9
• #2cafd0
• #5fceb5
• #81ddb0
• #84d1c2

CSS

background: linear-gradient(90deg, oklch(64.17% 0.1640 246.09) 0.000% 20.000%, oklch(70.08% 0.1171 219.67) 20.000% 40.000%, oklch(77.95% 0.1089 176.35) 40.000% 60.000%, oklch(82.68% 0.1089 161.55) 60.000% 80.000%, oklch(80.71% 0.0799 180.58) 80.000% 100.000%);

In these collections

Ocean gradientsBeach gradientsCoastal gradientsMint color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works