Skip to content

Grabient palettes

Mauve, crimson and lime wasabi plum editorial

Triadic navy, purple, tan and green color palette

The Mauve, crimson and lime wasabi plum editorial brings together dark gray, dark purple, red, orange, and green. Angular gradient, 32 colors at 135°: #1b2428, #3f2144, #a14c57, #d38d5e, #aec55d. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #1b2428
  • #1a242b
  • #19242f
  • #1b2434
  • #1f2339
  • #25223d
  • #2d2140
  • #362042
  • #3f2144
  • #4a2346
  • #55274a
  • #622b4d
  • #6f3151
  • #7d3754
  • #8a3e56
  • #964557
  • #a14c57
  • #aa5457
  • #b35e58
  • #bc6859
  • #c3725b
  • #c97b5d
  • #cf855e
  • #d38d5e
  • #d5955b
  • #d59d57
  • #d3a552
  • #ceac4f
  • #c6b44f
  • #bebb52
  • #b5c058
  • #aec55d

CSS

background: conic-gradient(from 135deg in oklch, oklch(25.20% 0.0152 231.33) 0.0%, oklch(25.46% 0.0197 238.71) 3.2%, oklch(25.67% 0.0258 248.87) 6.5%, oklch(25.92% 0.0331 260.98) 9.7%, oklch(26.28% 0.0412 274.23) 12.9%, oklch(26.83% 0.0495 287.80) 16.1%, oklch(27.64% 0.0577 300.87) 19.4%, oklch(28.79% 0.0653 312.63) 22.6%, oklch(30.36% 0.0718 322.31) 25.8%, oklch(32.43% 0.0782 330.49) 29.0%, oklch(34.93% 0.0847 337.76) 32.3%, oklch(37.75% 0.0910 344.33) 35.5%, oklch(40.76% 0.0969 350.40) 38.7%, oklch(43.86% 0.1022 356.19) 41.9%, oklch(46.92% 0.1068 1.91) 45.2%, oklch(49.82% 0.1103 7.77) 48.4%, oklch(52.52% 0.1125 13.87) 51.6%, oklch(55.27% 0.1130 19.68) 54.8%, oklch(58.08% 0.1122 25.24) 58.1%, oklch(60.86% 0.1105 30.69) 61.3%, oklch(63.55% 0.1086 36.20) 64.5%, oklch(66.09% 0.1068 41.91) 67.7%, oklch(68.40% 0.1057 47.97) 71.0%, oklch(70.42% 0.1058 54.53) 74.2%, oklch(72.10% 0.1075 61.95) 77.4%, oklch(73.53% 0.1104 70.61) 80.6%, oklch(74.73% 0.1141 80.01) 83.9%, oklch(75.72% 0.1183 89.61) 87.1%, oklch(76.56% 0.1226 98.91) 90.3%, oklch(77.25% 0.1266 107.36) 93.5%, oklch(77.84% 0.1300 114.46) 96.8%, oklch(78.35% 0.1323 119.66) 100.0%);

In these collections

Wasabi plum editorial

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works