Skip to content

Grabient palettes

Lime, cobalt blue and crimson tetradic palette

Green, blue and purple color palette

The Lime, cobalt blue and crimson tetradic palette brings together light green, green, teal, blue, purple, and red. Linear gradient, 32 colors at 135°: #dbedb0, #5cad7d, #496c9d, #603f88, #a13e4e. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #dbedb0
  • #d3e6a5
  • #c9dd93
  • #bdd27f
  • #afc86d
  • #9ebf64
  • #89b966
  • #72b470
  • #5cad7d
  • #4ba588
  • #3f9d8f
  • #379594
  • #348c98
  • #36839a
  • #3b7b9b
  • #42739c
  • #496c9d
  • #5366a1
  • #5f61a6
  • #6a5ba7
  • #7355a5
  • #754e9e
  • #6d4794
  • #603f88
  • #53397b
  • #4b3472
  • #4d306c
  • #59306b
  • #6d3268
  • #833562
  • #963a58
  • #a13e4e

CSS

background: linear-gradient(135deg in oklch, oklch(91.73% 0.0813 121.64) 0.0%, oklch(89.57% 0.0883 121.52) 3.2%, oklch(86.49% 0.0988 120.83) 6.5%, oklch(82.93% 0.1103 120.63) 9.7%, oklch(79.31% 0.1200 121.98) 12.9%, oklch(76.07% 0.1252 125.94) 16.1%, oklch(73.33% 0.1238 133.34) 19.4%, oklch(70.75% 0.1173 143.69) 22.6%, oklch(68.30% 0.1081 155.93) 25.8%, oklch(65.96% 0.0985 169.05) 29.0%, oklch(63.72% 0.0911 182.00) 32.3%, oklch(61.53% 0.0871 194.35) 35.5%, oklch(59.35% 0.0842 207.25) 38.7%, oklch(57.26% 0.0825 220.42) 41.9%, oklch(55.38% 0.0823 233.41) 45.2%, oklch(53.80% 0.0838 245.80) 48.4%, oklch(52.67% 0.0880 257.40) 51.6%, oklch(52.25% 0.0965 269.24) 54.8%, oklch(52.19% 0.1072 280.75) 58.1%, oklch(52.10% 0.1178 291.09) 61.3%, oklch(51.58% 0.1257 299.41) 64.5%, oklch(50.18% 0.1283 304.69) 67.7%, oklch(47.46% 0.1249 305.11) 71.0%, oklch(44.02% 0.1179 302.49) 74.2%, oklch(40.65% 0.1100 299.56) 77.4%, oklch(38.18% 0.1038 299.02) 80.6%, oklch(37.43% 0.1021 303.58) 83.9%, oklch(38.81% 0.1053 314.87) 87.1%, oklch(41.65% 0.1117 330.57) 90.3%, oklch(45.10% 0.1193 347.59) 93.5%, oklch(48.30% 0.1263 2.81) 96.8%, oklch(50.39% 0.1309 13.15) 100.0%);

In these collections

Tetradic color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works