Skip to content

Grabient palettes

Navy, silver and tan color palette

Complementary navy, gray and brown color palette

The Navy, silver and tan color palette brings together dark blue, blue, gray, off-white, and orange. Linear gradient, 32 colors at 135°: #131827, #404b61, #9ca6ac, #dbd3bf, #5e4f3b. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #131827
  • #151b2b
  • #192031
  • #1d2538
  • #222b40
  • #273248
  • #2e3a50
  • #374259
  • #404b61
  • #4a556a
  • #545f73
  • #5e6a7c
  • #6a7585
  • #77808e
  • #838c97
  • #8f98a1
  • #9ca6ac
  • #aeb7b8
  • #c2c8c7
  • #d5d8d5
  • #e1e3df
  • #e6e5df
  • #e3dfd3
  • #dbd3bf
  • #cfc4a7
  • #c1b390
  • #b4a37d
  • #a4916d
  • #907d5d
  • #7c6a4f
  • #6a5a43
  • #5e4f3b

CSS

background: linear-gradient(135deg in oklch, oklch(21.26% 0.0303 268.59) 0.0%, oklch(22.60% 0.0322 268.03) 3.2%, oklch(24.44% 0.0352 267.22) 6.5%, oklch(26.65% 0.0383 266.28) 9.7%, oklch(29.15% 0.0411 265.33) 12.9%, oklch(31.83% 0.0426 264.49) 16.1%, oklch(34.69% 0.0427 263.98) 19.4%, oklch(37.85% 0.0418 263.85) 22.6%, oklch(41.24% 0.0401 263.72) 25.8%, oklch(44.78% 0.0379 263.19) 29.0%, oklch(48.40% 0.0353 261.88) 32.3%, oklch(52.05% 0.0324 260.25) 35.5%, oklch(55.80% 0.0287 259.96) 38.7%, oklch(59.65% 0.0244 259.14) 41.9%, oklch(63.60% 0.0203 255.72) 45.2%, oklch(67.64% 0.0166 247.60) 48.4%, oklch(71.94% 0.0137 232.22) 51.6%, oklch(77.28% 0.0103 207.38) 54.8%, oklch(82.91% 0.0070 177.21) 58.1%, oklch(87.89% 0.0050 146.61) 61.3%, oklch(91.26% 0.0051 120.49) 64.5%, oklch(92.08% 0.0085 103.43) 67.7%, oklch(90.35% 0.0170 94.35) 71.0%, oklch(86.80% 0.0285 90.34) 74.2%, oklch(82.10% 0.0406 89.16) 77.4%, oklch(76.96% 0.0505 88.54) 80.6%, oklch(72.03% 0.0555 86.29) 83.9%, oklch(66.35% 0.0552 83.15) 87.1%, oklch(59.83% 0.0514 80.27) 90.3%, oklch(53.31% 0.0459 77.75) 93.5%, oklch(47.65% 0.0405 75.68) 96.8%, oklch(43.70% 0.0372 74.15) 100.0%);

In these collections

Silver gradientsMetallic gradientsZoom background gradientsChrome gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works