Skip to content

Grabient palettes

Quiet Tan Shadow Fade

This horizontal gradient begins in soft off-white, passes through pale stone, gray taupe, and muted tan, then closes through deep… #f5f0e9, #7d7973, #261801.

32 colors, 3 editable OKLCH keyframes.

  • #f5f0e9
  • #f0ebe4
  • #ebe6df
  • #e5e0d9
  • #ded9d3
  • #d6d2cc
  • #cecac5
  • #c6c2bd
  • #bdbab5
  • #b4b2ad
  • #aca9a4
  • #a3a19c
  • #9b9893
  • #92908b
  • #8b8883
  • #83817b
  • #7d7973
  • #76726b
  • #6f6a62
  • #676359
  • #605b50
  • #595347
  • #524b3e
  • #4c4435
  • #453d2c
  • #403624
  • #3a2f1d
  • #352915
  • #30240e
  • #2c1f08
  • #291b04
  • #261801

CSS

background: linear-gradient(90deg in oklch, oklch(95.67% 0.0110 76.64) 0.0%, oklch(94.34% 0.0109 76.98) 3.2%, oklch(92.74% 0.0107 77.43) 6.5%, oklch(90.89% 0.0103 77.97) 9.7%, oklch(88.83% 0.0099 78.59) 12.9%, oklch(86.58% 0.0094 79.26) 16.1%, oklch(84.18% 0.0089 79.98) 19.4%, oklch(81.64% 0.0085 80.71) 22.6%, oklch(79.01% 0.0081 81.45) 25.8%, oklch(76.31% 0.0078 82.16) 29.0%, oklch(73.56% 0.0075 82.84) 32.3%, oklch(70.81% 0.0075 83.47) 35.5%, oklch(68.07% 0.0076 84.02) 38.7%, oklch(65.38% 0.0079 84.48) 41.9%, oklch(62.77% 0.0084 84.82) 45.2%, oklch(60.26% 0.0091 85.04) 48.4%, oklch(57.85% 0.0102 85.11) 51.6%, oklch(55.33% 0.0117 85.04) 54.8%, oklch(52.70% 0.0135 84.84) 58.1%, oklch(49.99% 0.0157 84.54) 61.3%, oklch(47.23% 0.0181 84.15) 64.5%, oklch(44.45% 0.0206 83.68) 67.7%, oklch(41.67% 0.0233 83.16) 71.0%, oklch(38.94% 0.0261 82.60) 74.2%, oklch(36.27% 0.0289 82.01) 77.4%, oklch(33.70% 0.0316 81.43) 80.6%, oklch(31.26% 0.0343 80.85) 83.9%, oklch(28.98% 0.0368 80.31) 87.1%, oklch(26.89% 0.0391 79.81) 90.3%, oklch(25.01% 0.0411 79.37) 93.5%, oklch(23.39% 0.0428 79.01) 96.8%, oklch(22.05% 0.0441 78.75) 100.0%);

In these collections

Tan color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works