Mauve teal and orange palette

Peach, brown, navy and teal color palette

The Mauve teal and orange palette brings together pale orange, orange, red, and teal. Linear gradient, 32 colors at 315°: #ffcca8, #dd6637, #60434d, #1f676c, #3db5aa. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#ffcca8
#fec49c
#fdb88b
#fbaa78
#f79b66
#f28d56
#ec804a
#e5733f
#dd6637
#d35a32
#c85134
#b94a37
#a5483a
#8f473d
#7b4642
#6b4547
#60434d
#574455
#4d475e
#404d63
#345364
#2d5963
#276065
#1f676c
#126f75
#00787f
#008186
#008c8e
#119896
#25a49e
#34aea6
#3db5aa

CSS

background: linear-gradient(315deg in oklch, oklch(88.19% 0.0748 56.96) 0.0%, oklch(86.31% 0.0854 55.77) 3.2%, oklch(83.68% 0.0995 54.16) 6.5%, oklch(80.59% 0.1154 52.22) 9.7%, oklch(77.31% 0.1305 50.06) 12.9%, oklch(74.12% 0.1419 47.82) 16.1%, oklch(71.09% 0.1498 45.59) 19.4%, oklch(67.96% 0.1567 43.35) 22.6%, oklch(64.78% 0.1614 40.93) 25.8%, oklch(61.60% 0.1625 38.18) 29.0%, oklch(58.49% 0.1584 34.93) 32.3%, oklch(55.38% 0.1468 31.91) 35.5%, oklch(52.01% 0.1256 30.78) 38.7%, oklch(48.67% 0.0997 29.35) 41.9%, oklch(45.68% 0.0739 25.17) 45.2%, oklch(43.34% 0.0535 15.77) 48.4%, oklch(41.93% 0.0425 358.18) 51.6%, oklch(41.29% 0.0382 329.94) 54.8%, oklch(41.27% 0.0384 295.79) 58.1%, oklch(41.74% 0.0416 261.31) 61.3%, oklch(42.59% 0.0464 232.09) 64.5%, oklch(43.72% 0.0514 213.39) 67.7%, oklch(45.30% 0.0592 204.16) 71.0%, oklch(47.30% 0.0692 200.96) 74.2%, oklch(49.63% 0.0798 201.02) 77.4%, oklch(52.15% 0.0887 201.54) 80.6%, oklch(54.79% 0.0931 199.81) 83.9%, oklch(57.95% 0.0987 196.66) 87.1%, oklch(61.56% 0.1027 193.56) 90.3%, oklch(65.16% 0.1042 190.71) 93.5%, oklch(68.29% 0.1052 188.31) 96.8%, oklch(70.47% 0.1061 186.58) 100.0%);

In these collections

Teal and orange