Skip to content

Grabient palettes

Sky blue, violet and sage color palette

Light blue, lavender, brown and gray color palette

The Sky blue, violet and sage color palette brings together light blue, blue, purple, magenta, and green. Linear gradient, 32 colors at 45°: #bacfe5, #678ab5, #9986c1, #b885a0, #72896c. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #bacfe5
  • #b2c9e1
  • #a7c1da
  • #9ab6d3
  • #8cabca
  • #7ea1c3
  • #7397bc
  • #6b8fb7
  • #678ab5
  • #6787b5
  • #6b85b7
  • #7185bb
  • #7985be
  • #8186c1
  • #8a87c3
  • #9287c3
  • #9986c1
  • #9f86bf
  • #a486bd
  • #a886ba
  • #ad86b6
  • #b186b0
  • #b586a9
  • #b885a0
  • #ba8392
  • #b88382
  • #b28371
  • #a68566
  • #978761
  • #878963
  • #7a8968
  • #72896c

CSS

background: linear-gradient(45deg in oklch, oklch(84.65% 0.0386 248.20) 0.0%, oklch(82.70% 0.0417 248.36) 3.2%, oklch(79.90% 0.0461 248.28) 6.5%, oklch(76.56% 0.0514 248.17) 9.7%, oklch(72.97% 0.0570 248.23) 12.9%, oklch(69.46% 0.0628 248.67) 16.1%, oklch(66.31% 0.0682 249.69) 19.4%, oklch(63.83% 0.0730 251.49) 22.6%, oklch(62.32% 0.0766 254.29) 25.8%, oklch(61.69% 0.0797 258.08) 29.0%, oklch(61.72% 0.0824 262.71) 32.3%, oklch(62.22% 0.0848 268.00) 35.5%, oklch(63.02% 0.0868 273.81) 38.7%, oklch(63.96% 0.0883 279.96) 41.9%, oklch(64.86% 0.0892 286.29) 45.2%, oklch(65.54% 0.0896 292.63) 48.4%, oklch(65.91% 0.0893 298.72) 51.6%, oklch(66.28% 0.0882 304.00) 54.8%, oklch(66.68% 0.0863 308.89) 58.1%, oklch(67.05% 0.0839 313.93) 61.3%, oklch(67.36% 0.0811 319.66) 64.5%, oklch(67.55% 0.0781 326.63) 67.7%, oklch(67.58% 0.0751 335.38) 71.0%, oklch(67.40% 0.0723 346.45) 74.2%, oklch(66.95% 0.0696 1.01) 77.4%, oklch(66.17% 0.0665 19.99) 80.6%, oklch(65.16% 0.0632 41.89) 83.9%, oklch(64.02% 0.0599 65.13) 87.1%, oklch(62.86% 0.0567 88.12) 90.3%, oklch(61.78% 0.0538 109.27) 93.5%, oklch(60.87% 0.0514 126.99) 96.8%, oklch(60.24% 0.0496 139.71) 100.0%);

In these collections

Hydrangea ribbon boutonniereBlue and purple gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works