Analogous orange, tan and gray linear swatches

Analogous orange, tan and gray color palette

Linear swatches, 21 colors at 270°: #cf673e, #d9855a, #c9a378, #a6947c, #827065. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#cf673e
#d16b42
#d47147
#d6784e
#d87f54
#d9855a
#d88c5f
#d59465
#d29b6b
#cea072
#c9a378
#c3a37c
#bca17e
#b59e7f
#ad9a7e
#a6947c
#9f8e79
#978573
#8f7d6e
#887568
#827065

CSS

background: linear-gradient(270deg, oklch(62.99% 0.1433 41.48) 0.000% 4.762%, oklch(63.94% 0.1403 42.09) 4.762% 9.524%, oklch(65.30% 0.1362 42.80) 9.524% 14.286%, oklch(66.86% 0.1311 43.84) 14.286% 19.048%, oklch(68.39% 0.1252 45.44) 19.048% 23.810%, oklch(69.69% 0.1185 47.82) 23.810% 28.571%, oklch(70.87% 0.1105 51.52) 28.571% 33.333%, oklch(72.10% 0.1012 56.37) 33.333% 38.095%, oklch(73.16% 0.0913 61.60) 38.095% 42.857%, oklch(73.87% 0.0817 66.41) 42.857% 47.619%, oklch(74.02% 0.0730 70.02) 47.619% 52.381%, oklch(73.52% 0.0653 72.60) 52.381% 57.143%, oklch(72.53% 0.0579 74.67) 57.143% 61.905%, oklch(71.14% 0.0510 75.98) 61.905% 66.667%, oklch(69.50% 0.0450 76.27) 66.667% 71.429%, oklch(67.72% 0.0400 75.30) 71.429% 76.190%, oklch(65.52% 0.0362 72.27) 76.190% 80.952%, oklch(62.82% 0.0334 67.34) 80.952% 85.714%, oklch(60.04% 0.0315 61.71) 85.714% 90.476%, oklch(57.60% 0.0301 56.57) 90.476% 95.238%, oklch(55.91% 0.0289 53.11) 95.238% 100.000%);

In these collections

Orange gradients