Terracotta and tan orange palette

The Terracotta and tan orange palette brings together orange and light orange. #cf673e, #c9a378, #827065. Edit and export CSS, SVG, PNG or a shader.

21 colors, 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 in oklch, oklch(62.99% 0.1433 41.48) 0.0%, oklch(63.94% 0.1403 42.09) 5.0%, oklch(65.30% 0.1362 42.80) 10.0%, oklch(66.86% 0.1311 43.84) 15.0%, oklch(68.39% 0.1252 45.44) 20.0%, oklch(69.69% 0.1185 47.82) 25.0%, oklch(70.87% 0.1105 51.52) 30.0%, oklch(72.10% 0.1012 56.37) 35.0%, oklch(73.16% 0.0913 61.60) 40.0%, oklch(73.87% 0.0817 66.41) 45.0%, oklch(74.02% 0.0730 70.02) 50.0%, oklch(73.52% 0.0653 72.60) 55.0%, oklch(72.53% 0.0579 74.67) 60.0%, oklch(71.14% 0.0510 75.98) 65.0%, oklch(69.50% 0.0450 76.27) 70.0%, oklch(67.72% 0.0400 75.30) 75.0%, oklch(65.52% 0.0362 72.27) 80.0%, oklch(62.82% 0.0334 67.34) 85.0%, oklch(60.04% 0.0315 61.71) 90.0%, oklch(57.60% 0.0301 56.57) 95.0%, oklch(55.91% 0.0289 53.11) 100.0%);

In these collections

Orange gradients