Skip to content

Grabient palettes

Crimson pink and teal palette

Tritone teal, blue and pink color palette

The Crimson pink and teal palette brings together teal, purple, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Linear gradient, 32 colors at 90°: #007d74, #33a693, #5a8da1, #aa6995, #ee4b6f. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

  • #007d74
  • #008177
  • #03867b
  • #078c81
  • #0e9286
  • #16988a
  • #1f9c8e
  • #29a190
  • #33a693
  • #3aa996
  • #40aa99
  • #43a99c
  • #48a59d
  • #4d9e9d
  • #51989d
  • #55929e
  • #5a8da1
  • #6387a4
  • #6f81a5
  • #7b7aa3
  • #87759f
  • #92719b
  • #9e6d98
  • #aa6995
  • #b86490
  • #c4608a
  • #ce5c83
  • #d7587c
  • #de5578
  • #e55174
  • #ea4e72
  • #ee4b6f

CSS

background: linear-gradient(90deg in oklch, oklch(53.15% 0.0934 185.62) 0.0%, oklch(54.27% 0.0954 185.35) 3.2%, oklch(55.86% 0.0979 184.96) 6.5%, oklch(57.70% 0.1007 184.51) 9.7%, oklch(59.55% 0.1031 184.03) 12.9%, oklch(61.18% 0.1046 183.58) 16.1%, oklch(62.63% 0.1051 182.74) 19.4%, oklch(64.15% 0.1052 181.17) 22.6%, oklch(65.56% 0.1047 179.70) 25.8%, oklch(66.67% 0.1032 179.17) 29.0%, oklch(67.27% 0.1005 180.43) 32.3%, oklch(67.15% 0.0958 183.83) 35.5%, oklch(66.28% 0.0884 188.35) 38.7%, oklch(64.96% 0.0798 194.31) 41.9%, oklch(63.52% 0.0716 202.15) 45.2%, oklch(62.27% 0.0653 212.30) 48.4%, oklch(61.43% 0.0621 225.57) 51.6%, oklch(60.73% 0.0602 243.49) 54.8%, oklch(60.13% 0.0597 264.17) 58.1%, oklch(59.69% 0.0613 285.20) 61.3%, oklch(59.46% 0.0656 304.19) 64.5%, oklch(59.50% 0.0733 318.98) 67.7%, oklch(59.89% 0.0858 330.71) 71.0%, oklch(60.54% 0.1018 340.41) 74.2%, oklch(61.32% 0.1191 348.42) 77.4%, oklch(62.07% 0.1357 355.13) 80.6%, oklch(62.69% 0.1495 0.88) 83.9%, oklch(63.23% 0.1617 5.13) 87.1%, oklch(63.77% 0.1733 7.85) 90.3%, oklch(64.25% 0.1836 9.51) 93.5%, oklch(64.66% 0.1922 10.61) 96.8%, oklch(64.96% 0.1984 11.61) 100.0%);

In these collections

Pink and teal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works