Skip to content

Grabient palettes

Plum, turquoise and stone school uniform palette

Dark purple, blue and gray color palette

The Plum, turquoise and stone school uniform palette brings together dark magenta, blue, light teal, and light green. Linear gradient, 32 colors at 45°: #2d1a30, #103b69, #317fa9, #6db5c0, #aac8ae. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #2d1a30
  • #2d1b34
  • #2c1c3b
  • #291f43
  • #24234c
  • #1e2853
  • #172d5a
  • #123462
  • #103b69
  • #114272
  • #164a7b
  • #1b5284
  • #1f5b8d
  • #226494
  • #266c9b
  • #2b76a2
  • #317fa9
  • #3888ae
  • #3f91b3
  • #4799b7
  • #4fa1ba
  • #59a8bd
  • #63afbf
  • #6db5c0
  • #77bbc1
  • #7fbfc0
  • #87c3bd
  • #8fc5ba
  • #98c7b5
  • #9fc7b2
  • #a6c8af
  • #aac8ae

CSS

background: linear-gradient(45deg in oklch, oklch(25.20% 0.0482 322.73) 0.0%, oklch(25.71% 0.0525 315.82) 3.2%, oklch(26.32% 0.0586 305.86) 6.5%, oklch(27.08% 0.0658 294.22) 9.7%, oklch(28.04% 0.0733 282.25) 12.9%, oklch(29.25% 0.0802 271.31) 16.1%, oklch(30.76% 0.0859 262.75) 19.4%, oklch(32.65% 0.0901 257.30) 22.6%, oklch(34.93% 0.0937 253.91) 25.8%, oklch(37.50% 0.0966 251.90) 29.0%, oklch(40.25% 0.0990 250.62) 32.3%, oklch(43.05% 0.1007 249.43) 35.5%, oklch(45.79% 0.1017 247.66) 38.7%, oklch(48.44% 0.1021 244.95) 41.9%, oklch(51.16% 0.1016 242.05) 45.2%, oklch(53.93% 0.1005 239.03) 48.4%, oklch(56.69% 0.0988 235.86) 51.6%, oklch(59.38% 0.0966 232.48) 54.8%, oklch(61.94% 0.0940 228.87) 58.1%, oklch(64.33% 0.0911 225.01) 61.3%, oklch(66.66% 0.0874 221.12) 64.5%, oklch(68.93% 0.0830 217.11) 67.7%, oklch(71.08% 0.0783 212.83) 71.0%, oklch(73.05% 0.0736 208.12) 74.2%, oklch(74.79% 0.0692 202.81) 77.4%, oklch(76.25% 0.0654 196.73) 80.6%, oklch(77.41% 0.0619 189.00) 83.9%, oklch(78.31% 0.0584 179.96) 87.1%, oklch(79.00% 0.0552 170.48) 90.3%, oklch(79.53% 0.0524 161.46) 93.5%, oklch(79.95% 0.0500 153.79) 96.8%, oklch(80.31% 0.0482 148.37) 100.0%);

In these collections

School uniform

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works