Sage and blue color palette

The Sage and blue color palette brings together green, teal, light blue, pale teal, and off-white. Linear gradient, 7 colors at 90°: #71a38c, #78a99d, #88c3cf, #a3e7f8, #ccfdff, #ddfffe, #f0feff. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #71a38c
• #78a99d
• #88c3cf
• #a3e7f8
• #ccfdff
• #ddfffe
• #f0feff

CSS

background: linear-gradient(90deg in oklch, oklch(67.32% 0.0634 163.83) 0.0%, oklch(69.78% 0.0554 177.37) 16.7%, oklch(78.13% 0.0633 211.30) 33.3%, oklch(88.93% 0.0716 214.88) 50.0%, oklch(96.15% 0.0502 198.88) 66.7%, oklch(97.59% 0.0346 194.64) 83.3%, oklch(98.82% 0.0147 199.70) 100.0%);

In these collections

Spring pastel gradientsLight mode color paletteBeach swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works