Skip to content

Grabient palettes

Blue and gold lemon blossom veranda palette

Complementary blue, gray and tan color palette

The Blue and gold lemon blossom veranda palette brings together blue, light blue, and light yellow. Linear gradient, 32 colors at 90°: #3a506c, #4f7da9, #9ebed3, #d1dccc, #d7c899. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #3a506c
  • #3b5371
  • #3c5777
  • #3d5c80
  • #3f6188
  • #416891
  • #446e9a
  • #4975a1
  • #4f7da9
  • #5886b1
  • #608eb9
  • #6a97c0
  • #72a0c6
  • #7ba8ca
  • #87afce
  • #93b7d1
  • #9ebed3
  • #a9c4d4
  • #b2cad5
  • #b8cfd6
  • #bed4d5
  • #c3d8d3
  • #cadbd0
  • #d1dccc
  • #d7dcc8
  • #dbdbc5
  • #ddd9bf
  • #ddd6b8
  • #dcd2af
  • #dacea6
  • #d8cb9e
  • #d7c899

CSS

background: linear-gradient(90deg in oklch, oklch(42.52% 0.0537 255.23) 0.0%, oklch(43.57% 0.0574 254.69) 3.2%, oklch(44.95% 0.0627 253.96) 6.5%, oklch(46.62% 0.0690 253.08) 9.7%, oklch(48.51% 0.0751 252.12) 12.9%, oklch(50.56% 0.0803 251.12) 16.1%, oklch(52.71% 0.0837 250.14) 19.4%, oklch(55.01% 0.0849 249.31) 22.6%, oklch(57.60% 0.0849 248.69) 25.8%, oklch(60.37% 0.0838 248.10) 29.0%, oklch(63.21% 0.0817 247.34) 32.3%, oklch(66.02% 0.0787 246.21) 35.5%, oklch(68.68% 0.0748 244.50) 38.7%, oklch(71.16% 0.0698 242.40) 41.9%, oklch(73.65% 0.0626 241.00) 45.2%, oklch(76.10% 0.0540 239.59) 48.4%, oklch(78.44% 0.0451 237.25) 51.6%, oklch(80.59% 0.0368 233.08) 54.8%, oklch(82.48% 0.0303 226.19) 58.1%, oklch(84.06% 0.0263 215.45) 61.3%, oklch(85.41% 0.0240 199.18) 64.5%, oklch(86.55% 0.0231 179.04) 67.7%, oklch(87.45% 0.0234 157.37) 71.0%, oklch(88.10% 0.0246 136.49) 74.2%, oklch(88.49% 0.0267 118.74) 77.4%, oklch(88.57% 0.0296 106.37) 80.6%, oklch(88.16% 0.0342 98.99) 83.9%, oklch(87.31% 0.0406 94.98) 87.1%, oklch(86.23% 0.0477 93.33) 90.3%, oklch(85.10% 0.0546 93.05) 93.5%, oklch(84.11% 0.0606 93.10) 96.8%, oklch(83.46% 0.0648 92.49) 100.0%);

In these collections

Lemon blossom verandaLight UI gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works