Skip to content

Grabient palettes

Violet and mustard summer palette

Tritone purple, pink and tan color palette

The Violet and mustard summer palette brings together purple and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Radial gradient, 32 colors: #6520b5, #8156c2, #bb7fc3, #f59c88, #d5d77c. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #6520b5
  • #6725b6
  • #6a2bb7
  • #6d32b8
  • #7039ba
  • #7440bc
  • #7748be
  • #7c4fc0
  • #8156c2
  • #865cc4
  • #8c63c5
  • #9369c6
  • #9a6ec7
  • #a273c7
  • #aa78c7
  • #b27bc5
  • #bb7fc3
  • #c581bf
  • #cf84b9
  • #d987b2
  • #e28ba9
  • #eb8f9e
  • #f19593
  • #f59c88
  • #f6a37e
  • #f6ab75
  • #f3b46f
  • #eebd6d
  • #e8c56d
  • #e1cc71
  • #dbd276
  • #d5d77c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(44.09% 0.2108 297.42) 0.0%, oklch(44.95% 0.2074 297.98) 3.2%, oklch(45.99% 0.2029 298.27) 6.5%, oklch(47.20% 0.1977 298.39) 9.7%, oklch(48.56% 0.1917 298.41) 12.9%, oklch(50.03% 0.1852 298.43) 16.1%, oklch(51.61% 0.1783 298.53) 19.4%, oklch(53.27% 0.1712 298.79) 22.6%, oklch(54.98% 0.1639 299.29) 25.8%, oklch(56.73% 0.1566 300.14) 29.0%, oklch(58.49% 0.1495 301.40) 32.3%, oklch(60.23% 0.1428 303.16) 35.5%, oklch(61.94% 0.1364 305.51) 38.7%, oklch(63.59% 0.1307 308.54) 41.9%, oklch(65.16% 0.1257 312.32) 45.2%, oklch(66.63% 0.1216 316.96) 48.4%, oklch(68.00% 0.1184 322.60) 51.6%, oklch(69.38% 0.1160 329.72) 54.8%, oklch(70.78% 0.1141 338.20) 58.1%, oklch(72.19% 0.1127 347.81) 61.3%, oklch(73.59% 0.1119 358.32) 64.5%, oklch(74.99% 0.1114 9.51) 67.7%, oklch(76.36% 0.1112 21.16) 71.0%, oklch(77.70% 0.1114 33.05) 74.2%, oklch(78.99% 0.1117 44.94) 77.4%, oklch(80.23% 0.1122 56.62) 80.6%, oklch(81.39% 0.1127 67.87) 83.9%, oklch(82.48% 0.1133 78.45) 87.1%, oklch(83.48% 0.1138 88.14) 90.3%, oklch(84.38% 0.1142 96.73) 93.5%, oklch(85.16% 0.1144 103.98) 96.8%, oklch(85.83% 0.1144 109.67) 100.0%);

In these collections

Summer gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works