Skip to content

Grabient palettes

Warm Metal Reflection

Black, beige, gray and brown color palette

The Near-black, orange and tan chrome palette brings together dark orange, orange, and pale orange. Linear gradient, 32 colors at 135°: #191006, #836e55, #fff3e9, #b69c8a, #32261d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #191006
  • #20160a
  • #2a1e10
  • #362919
  • #443522
  • #53422d
  • #63513a
  • #745f47
  • #836e55
  • #958067
  • #a9947d
  • #beaa95
  • #d3c0ad
  • #e5d4c3
  • #f4e4d5
  • #feefe1
  • #fff3e9
  • #fff0e3
  • #f9e7d8
  • #efdbcb
  • #e2ccbb
  • #d4bcaa
  • #c5ac9a
  • #b69c8a
  • #a78e7c
  • #957d6d
  • #816b5c
  • #6d594c
  • #5a493d
  • #4a3a2f
  • #3c2e24
  • #32261d

CSS

background: linear-gradient(135deg in oklch, oklch(18.11% 0.0248 71.72) 0.0%, oklch(20.93% 0.0268 71.77) 3.2%, oklch(24.64% 0.0297 71.90) 6.5%, oklch(29.05% 0.0332 72.06) 9.7%, oklch(33.98% 0.0369 72.20) 12.9%, oklch(39.25% 0.0404 72.27) 16.1%, oklch(44.66% 0.0432 72.22) 19.4%, oklch(50.04% 0.0450 72.01) 22.6%, oklch(55.25% 0.0454 71.59) 25.8%, oklch(61.22% 0.0441 70.95) 29.0%, oklch(67.96% 0.0414 70.11) 32.3%, oklch(74.99% 0.0379 69.14) 35.5%, oklch(81.81% 0.0340 68.08) 38.7%, oklch(87.92% 0.0303 66.97) 41.9%, oklch(92.82% 0.0272 65.86) 45.2%, oklch(96.04% 0.0252 64.81) 48.4%, oklch(97.12% 0.0187 63.86) 51.6%, oklch(96.29% 0.0239 62.80) 54.8%, oklch(93.91% 0.0281 61.67) 58.1%, oklch(90.35% 0.0309 60.57) 61.3%, oklch(85.95% 0.0339 59.50) 64.5%, oklch(81.06% 0.0367 58.53) 67.7%, oklch(76.03% 0.0388 57.70) 71.0%, oklch(71.21% 0.0399 57.05) 74.2%, oklch(66.43% 0.0396 56.63) 77.4%, oklch(60.77% 0.0383 56.42) 80.6%, oklch(54.55% 0.0362 56.38) 83.9%, oklch(48.14% 0.0337 56.45) 87.1%, oklch(41.90% 0.0310 56.58) 90.3%, oklch(36.21% 0.0284 56.74) 93.5%, oklch(31.44% 0.0262 56.87) 96.8%, oklch(27.95% 0.0248 56.92) 100.0%);

In these collections

Chrome gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works