Skip to content

Grabient palettes

Mauve and peach glass palette

Analogous brown and peach color palette

The Mauve and peach glass palette brings together red, light orange, pale orange, and orange. Angular gradient, 32 colors at 225°: #4e363c, #935853, #e29e7c, #e7b48b, #714846. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #4e363c
  • #53383f
  • #593b41
  • #613f45
  • #6a4448
  • #74484b
  • #7d4d4e
  • #885251
  • #935853
  • #9f5e56
  • #aa6659
  • #b46d5d
  • #be7562
  • #c87e68
  • #d2886e
  • #da9274
  • #e29e7c
  • #ebae87
  • #f3bf95
  • #f8cea3
  • #fbd6ac
  • #f9d5ab
  • #f2c89e
  • #e7b48b
  • #d99d77
  • #cb8667
  • #bc765d
  • #ac6957
  • #9b5e52
  • #8a554e
  • #7b4e49
  • #714846

CSS

background: conic-gradient(from 225deg in oklch, oklch(36.22% 0.0358 1.41) 0.0%, oklch(37.40% 0.0390 3.32) 3.2%, oklch(39.01% 0.0433 6.01) 6.5%, oklch(40.95% 0.0485 9.17) 9.7%, oklch(43.08% 0.0541 12.50) 12.9%, oklch(45.30% 0.0597 15.70) 16.1%, oklch(47.59% 0.0657 18.73) 19.4%, oklch(50.06% 0.0725 21.88) 22.6%, oklch(52.68% 0.0795 25.05) 25.8%, oklch(55.39% 0.0859 28.16) 29.0%, oklch(58.14% 0.0910 31.12) 32.3%, oklch(60.90% 0.0944 33.74) 35.5%, oklch(63.74% 0.0969 35.89) 38.7%, oklch(66.63% 0.0983 37.90) 41.9%, oklch(69.57% 0.0985 40.14) 45.2%, oklch(72.53% 0.0975 42.98) 48.4%, oklch(75.68% 0.0947 46.99) 51.6%, oklch(79.77% 0.0887 53.11) 54.8%, oklch(84.08% 0.0811 60.08) 58.1%, oklch(87.72% 0.0737 66.37) 61.3%, oklch(89.75% 0.0687 70.44) 64.5%, oklch(89.27% 0.0679 70.76) 67.7%, oklch(85.94% 0.0726 66.96) 71.0%, oklch(80.66% 0.0805 60.42) 74.2%, oklch(74.47% 0.0889 52.68) 77.4%, oklch(68.39% 0.0951 45.29) 80.6%, oklch(63.45% 0.0962 39.74) 83.9%, oklch(59.01% 0.0913 35.42) 87.1%, oklch(54.65% 0.0825 31.58) 90.3%, oklch(50.66% 0.0722 28.28) 93.5%, oklch(47.31% 0.0628 25.60) 96.8%, oklch(44.88% 0.0565 23.60) 100.0%);

In these collections

Glass gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works