Skip to content

Grabient palettes

Plum, mint and dusty blue tetradic palette

Purple, pink, green and gray color palette

The Plum, mint and dusty blue tetradic palette brings together magenta, light red, light green, green, orange, and blue. Angular gradient, 32 colors at 270°: #7c2563, #dc7fba, #bfddc1, #809648, #647283. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #7c2563
  • #872768
  • #952970
  • #a72c79
  • #b93282
  • #c83d8b
  • #d25097
  • #d867aa
  • #dc7fba
  • #e094c3
  • #e7a5c4
  • #efb1bd
  • #f2bfb2
  • #ebceb0
  • #dddab8
  • #cedfc1
  • #bfddc1
  • #a7d5b6
  • #89caa3
  • #6bbc8b
  • #5ab072
  • #5da65d
  • #6d9d4f
  • #809648
  • #918f4b
  • #9d8755
  • #a28060
  • #a0786f
  • #947380
  • #81728a
  • #6f7289
  • #647283

CSS

background: conic-gradient(from 270deg in oklch, oklch(42.13% 0.1392 341.72) 0.0%, oklch(44.27% 0.1480 342.90) 3.2%, oklch(47.25% 0.1619 344.62) 6.5%, oklch(50.79% 0.1765 346.57) 9.7%, oklch(54.61% 0.1871 348.45) 12.9%, oklch(58.44% 0.1895 349.98) 16.1%, oklch(62.39% 0.1797 349.42) 19.4%, oklch(66.84% 0.1598 345.85) 22.6%, oklch(71.41% 0.1346 342.45) 25.8%, oklch(75.70% 0.1090 342.45) 29.0%, oklch(79.32% 0.0879 349.09) 32.3%, oklch(82.16% 0.0736 6.28) 35.5%, oklch(84.76% 0.0614 35.04) 38.7%, oklch(86.86% 0.0516 69.53) 41.9%, oklch(88.14% 0.0454 103.56) 45.2%, oklch(88.26% 0.0440 130.96) 48.4%, oklch(86.80% 0.0494 146.75) 51.6%, oklch(83.21% 0.0651 154.88) 54.8%, oklch(78.31% 0.0867 157.47) 58.1%, oklch(73.12% 0.1082 155.74) 61.3%, oklch(68.64% 0.1238 150.91) 64.5%, oklch(65.80% 0.1281 144.10) 67.7%, oklch(64.39% 0.1211 134.77) 71.0%, oklch(63.80% 0.1071 122.37) 74.2%, oklch(63.58% 0.0899 106.66) 77.4%, oklch(63.27% 0.0736 87.36) 80.6%, oklch(62.40% 0.0618 64.11) 83.9%, oklch(60.93% 0.0534 32.07) 87.1%, oklch(59.17% 0.0461 353.15) 90.3%, oklch(57.38% 0.0401 313.24) 93.5%, oklch(55.81% 0.0353 278.23) 96.8%, oklch(54.72% 0.0317 254.01) 100.0%);

In these collections

Tetradic color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works