Skip to content

Grabient palettes

Navy, stone and burgundy weather map palette

Blue, white, gray and brown color palette

The Navy, stone and burgundy weather map palette brings together blue, light blue, light gray, off-white, light orange, and red. Linear gradient, 32 colors at 135°: #00468e, #b2c8dd, #f4f0f3, #ddbeae, #831e01. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #00468e
  • #14539a
  • #3067a7
  • #4d7db6
  • #6993c4
  • #82a6cf
  • #94b3d6
  • #a3bfda
  • #b2c8dd
  • #bfd0df
  • #ccd7e3
  • #d7dee7
  • #e1e4eb
  • #eaeaef
  • #f0eef2
  • #f3f0f4
  • #f4f0f3
  • #f2edef
  • #efe9e9
  • #eae2e1
  • #e6dad6
  • #e2d2ca
  • #dfc9bd
  • #ddbeae
  • #dbb19e
  • #d7a28e
  • #cf917c
  • #c27b64
  • #b1624a
  • #9f4830
  • #8e3018
  • #831e01

CSS

background: linear-gradient(135deg in oklch, oklch(40.16% 0.1336 255.28) 0.0%, oklch(44.56% 0.1311 254.80) 3.2%, oklch(50.91% 0.1176 254.19) 6.5%, oklch(58.16% 0.1021 253.48) 9.7%, oklch(65.28% 0.0863 252.77) 12.9%, oklch(71.24% 0.0723 252.15) 16.1%, oklch(75.63% 0.0604 250.76) 19.4%, oklch(79.27% 0.0487 247.89) 22.6%, oklch(82.34% 0.0378 245.25) 25.8%, oklch(85.00% 0.0281 244.62) 29.0%, oklch(87.41% 0.0201 247.76) 32.3%, oklch(89.72% 0.0142 256.32) 35.5%, oklch(91.90% 0.0101 269.94) 38.7%, oklch(93.77% 0.0075 286.76) 41.9%, oklch(95.18% 0.0061 304.87) 45.2%, oklch(95.96% 0.0056 322.35) 48.4%, oklch(95.96% 0.0055 338.07) 51.6%, oklch(95.18% 0.0058 354.84) 54.8%, oklch(93.77% 0.0069 11.76) 58.1%, oklch(91.90% 0.0094 27.22) 61.3%, oklch(89.72% 0.0137 39.58) 64.5%, oklch(87.41% 0.0205 47.22) 67.7%, oklch(85.00% 0.0304 49.63) 71.0%, oklch(82.34% 0.0426 48.36) 74.2%, oklch(79.27% 0.0560 45.15) 77.4%, oklch(75.63% 0.0695 41.74) 80.6%, oklch(71.24% 0.0819 39.84) 83.9%, oklch(65.28% 0.0949 38.71) 87.1%, oklch(58.16% 0.1085 37.52) 90.3%, oklch(50.91% 0.1216 36.39) 93.5%, oklch(44.56% 0.1327 35.42) 96.8%, oklch(40.16% 0.1406 34.73) 100.0%);

In these collections

Weather map gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works