Skip to content

Grabient palettes

Turquoise, magenta and terracotta spring garden wedding

Tritone blue, purple and brown color palette

The Turquoise, magenta and terracotta spring garden wedding brings together teal, blue, purple, magenta, red, and orange. Linear gradient, 32 colors at 270°: #3b899f, #5a56b6, #9b368f, #b94055, #a56b3b. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #3b899f
  • #3686a3
  • #3181a7
  • #307bac
  • #3673b1
  • #3f6bb4
  • #4963b6
  • #525db6
  • #5a56b6
  • #6251b4
  • #694bb2
  • #7146af
  • #7942ab
  • #813ea5
  • #8a3a9f
  • #923897
  • #9b368f
  • #a23586
  • #a8357d
  • #ad3674
  • #b1376b
  • #b53964
  • #b73c5d
  • #b94055
  • #ba444e
  • #ba4947
  • #b84f40
  • #b5563b
  • #b15d38
  • #ac6337
  • #a86739
  • #a56b3b

CSS

background: linear-gradient(270deg in oklch, oklch(59.06% 0.0827 220.08) 0.0%, oklch(58.26% 0.0884 225.40) 3.2%, oklch(57.13% 0.0965 232.83) 6.5%, oklch(55.80% 0.1060 241.61) 9.7%, oklch(54.42% 0.1160 250.96) 12.9%, oklch(53.15% 0.1255 260.11) 16.1%, oklch(52.13% 0.1337 268.29) 19.4%, oklch(51.40% 0.1402 275.19) 22.6%, oklch(50.78% 0.1463 281.51) 25.8%, oklch(50.29% 0.1518 287.48) 29.0%, oklch(49.93% 0.1567 293.29) 32.3%, oklch(49.70% 0.1609 299.14) 35.5%, oklch(49.61% 0.1643 305.24) 38.7%, oklch(49.67% 0.1667 311.75) 41.9%, oklch(49.94% 0.1683 318.63) 45.2%, oklch(50.38% 0.1690 325.70) 48.4%, oklch(50.92% 0.1691 332.79) 51.6%, oklch(51.50% 0.1686 339.72) 54.8%, oklch(52.06% 0.1675 346.33) 58.1%, oklch(52.56% 0.1661 352.43) 61.3%, oklch(53.06% 0.1644 358.04) 64.5%, oklch(53.59% 0.1622 3.29) 67.7%, oklch(54.12% 0.1594 8.34) 71.0%, oklch(54.64% 0.1559 13.36) 74.2%, oklch(55.14% 0.1516 18.50) 77.4%, oklch(55.60% 0.1463 23.95) 80.6%, oklch(56.05% 0.1390 30.12) 83.9%, oklch(56.50% 0.1301 36.79) 87.1%, oklch(56.93% 0.1205 43.49) 90.3%, oklch(57.31% 0.1112 49.70) 93.5%, oklch(57.64% 0.1034 54.96) 96.8%, oklch(57.87% 0.0978 58.75) 100.0%);

In these collections

Spring garden wedding

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works