Vivid monochrome peach and orange linear swatches

Vivid monochrome peach and orange color palette

Linear swatches, 32 colors at 315°: #f49c6c, #dd7247, #cc502c, #df6834, #f88c48. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#f49c6c
#f29969
#f09565
#ee9161
#eb8b5c
#e78557
#e47f52
#e1794d
#dd7247
#d96c42
#d6653d
#d36039
#d05a35
#ce5632
#cd532f
#cc512d
#cc502c
#cd512b
#cf522b
#d1552c
#d4592d
#d75d2f
#db6231
#df6834
#e36d36
#e77339
#ea783c
#ee7d3f
#f18242
#f48645
#f68947
#f88c48

CSS

background: linear-gradient(315deg, oklch(77.17% 0.1226 49.22) 0.000% 3.125%, oklch(76.44% 0.1243 48.71) 3.125% 6.250%, oklch(75.47% 0.1264 48.01) 6.250% 9.375%, oklch(74.29% 0.1290 47.16) 9.375% 12.500%, oklch(72.95% 0.1320 46.19) 12.500% 15.625%, oklch(71.48% 0.1351 45.14) 15.625% 18.750%, oklch(69.93% 0.1385 44.02) 18.750% 21.875%, oklch(68.34% 0.1420 42.88) 21.875% 25.000%, oklch(66.76% 0.1456 41.74) 25.000% 28.125%, oklch(65.21% 0.1491 40.64) 28.125% 31.250%, oklch(63.75% 0.1524 39.60) 31.250% 34.375%, oklch(62.41% 0.1556 38.67) 34.375% 37.500%, oklch(61.24% 0.1585 37.86) 37.500% 40.625%, oklch(60.28% 0.1610 37.22) 40.625% 43.750%, oklch(59.56% 0.1632 36.78) 43.750% 46.875%, oklch(59.14% 0.1648 36.55) 46.875% 50.000%, oklch(59.05% 0.1658 36.59) 50.000% 53.125%, oklch(59.28% 0.1664 36.88) 53.125% 56.250%, oklch(59.80% 0.1665 37.40) 56.250% 59.375%, oklch(60.56% 0.1663 38.12) 59.375% 62.500%, oklch(61.53% 0.1658 39.01) 62.500% 65.625%, oklch(62.66% 0.1650 40.02) 65.625% 68.750%, oklch(63.91% 0.1640 41.13) 68.750% 71.875%, oklch(65.26% 0.1628 42.31) 71.875% 75.000%, oklch(66.65% 0.1616 43.53) 75.000% 78.125%, oklch(68.05% 0.1603 44.74) 78.125% 81.250%, oklch(69.41% 0.1590 45.93) 81.250% 84.375%, oklch(70.71% 0.1577 47.05) 84.375% 87.500%, oklch(71.90% 0.1566 48.08) 87.500% 90.625%, oklch(72.94% 0.1556 48.98) 90.625% 93.750%, oklch(73.79% 0.1548 49.73) 93.750% 96.875%, oklch(74.41% 0.1543 50.28) 96.875% 100.000%);

In these collections

Copper Orange gradients