Skip to content

Grabient palettes

Violet Trench Sea Glow

Tritone lavender, blue and dark green color palette

From the center outward, this gradient moves through pale violet, ocean blue, deep cyan, dark teal, and near-black sea green. Linear gradient, 32 colors at 0°: #a795ec, #3b87b0, #005e96, #074543, #03231f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #a795ec
  • #9d95e9
  • #9095e5
  • #8094df
  • #6f93d6
  • #5f91cc
  • #518fc1
  • #458bb7
  • #3b87b0
  • #3383ab
  • #2b7ea9
  • #2578a8
  • #2172a7
  • #1e6ca5
  • #1a66a3
  • #13619e
  • #005e96
  • #005b87
  • #005878
  • #00556b
  • #00515f
  • #004e54
  • #004a4b
  • #074543
  • #0c403c
  • #0e3b36
  • #0d3631
  • #0a312c
  • #082d28
  • #052924
  • #032621
  • #03231f

CSS

background: linear-gradient(0deg in oklch, oklch(72.05% 0.1240 292.50) 0.0%, oklch(71.07% 0.1214 287.43) 3.2%, oklch(69.77% 0.1176 280.13) 6.5%, oklch(68.23% 0.1130 271.41) 9.7%, oklch(66.51% 0.1082 262.07) 12.9%, oklch(64.70% 0.1036 252.93) 16.1%, oklch(62.87% 0.0998 244.80) 19.4%, oklch(61.09% 0.0972 238.49) 22.6%, oklch(59.44% 0.0965 234.81) 25.8%, oklch(57.83% 0.0983 234.16) 29.0%, oklch(56.20% 0.1021 235.84) 32.3%, oklch(54.57% 0.1071 238.96) 35.5%, oklch(52.93% 0.1123 242.63) 38.7%, oklch(51.29% 0.1170 245.97) 41.9%, oklch(49.66% 0.1200 248.10) 45.2%, oklch(48.05% 0.1207 248.12) 48.4%, oklch(46.45% 0.1175 245.25) 51.6%, oklch(44.86% 0.1021 239.62) 54.8%, oklch(43.27% 0.0883 232.02) 58.1%, oklch(41.69% 0.0778 223.21) 61.3%, oklch(40.11% 0.0705 213.95) 64.5%, oklch(38.55% 0.0658 205.01) 67.7%, oklch(36.99% 0.0630 197.14) 71.0%, oklch(35.43% 0.0579 191.12) 74.2%, oklch(33.83% 0.0529 187.29) 77.4%, oklch(32.11% 0.0490 184.82) 80.6%, oklch(30.34% 0.0461 183.40) 83.9%, oklch(28.59% 0.0438 182.77) 87.1%, oklch(26.92% 0.0421 182.64) 90.3%, oklch(25.43% 0.0408 182.75) 93.5%, oklch(24.17% 0.0397 182.83) 96.8%, oklch(23.23% 0.0386 182.60) 100.0%);

In these collections

Deep sea gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works