Skip to content

Grabient palettes

Coral, lime and turquoise color palette

Salmon, peach, teal and blue color palette

The Coral, lime and turquoise color palette brings together red, orange, gold, green, teal, and blue. Radial gradient, 32 colors: #ff786b, #ffab76, #a6d989, #27b6c4, #2473a5. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

  • #ff786b
  • #ff7c6c
  • #ff806e
  • #fe8670
  • #fe8c72
  • #fe9373
  • #ff9973
  • #ffa173
  • #ffab76
  • #ffb579
  • #ffbe7a
  • #ffc674
  • #f9ce6f
  • #edd371
  • #dad775
  • #c2d97d
  • #a6d989
  • #8bd795
  • #71d3a2
  • #5bcfad
  • #48cab5
  • #39c4bc
  • #2ebdc1
  • #27b6c4
  • #26aec6
  • #27a6c5
  • #289dc2
  • #2793bc
  • #2689b6
  • #2580af
  • #2478a9
  • #2473a5

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(72.83% 0.1667 27.42) 0.0%, oklch(73.38% 0.1629 28.62) 3.2%, oklch(74.09% 0.1573 29.98) 6.5%, oklch(74.96% 0.1508 31.71) 9.7%, oklch(75.93% 0.1441 34.02) 12.9%, oklch(77.00% 0.1379 37.13) 16.1%, oklch(78.12% 0.1330 41.25) 19.4%, oklch(79.43% 0.1276 46.44) 22.6%, oklch(81.15% 0.1209 52.45) 25.8%, oklch(83.01% 0.1153 59.29) 29.0%, oklch(84.77% 0.1134 66.96) 32.3%, oklch(86.16% 0.1194 75.45) 35.5%, oklch(86.93% 0.1231 84.76) 38.7%, oklch(86.86% 0.1219 95.15) 41.9%, oklch(86.05% 0.1209 107.32) 45.2%, oklch(84.70% 0.1200 120.67) 48.4%, oklch(83.00% 0.1191 134.44) 51.6%, oklch(81.15% 0.1183 147.90) 54.8%, oklch(79.34% 0.1176 160.30) 58.1%, oklch(77.72% 0.1168 171.01) 61.3%, oklch(76.16% 0.1161 180.75) 64.5%, oklch(74.56% 0.1154 189.76) 67.7%, oklch(72.89% 0.1148 198.06) 71.0%, oklch(71.15% 0.1142 205.66) 74.2%, oklch(69.30% 0.1135 212.58) 77.4%, oklch(67.30% 0.1129 218.83) 80.6%, oklch(64.92% 0.1121 224.37) 83.9%, oklch(62.25% 0.1114 229.20) 87.1%, oklch(59.50% 0.1106 233.34) 90.3%, oklch(56.91% 0.1099 236.83) 93.5%, oklch(54.72% 0.1093 239.69) 96.8%, oklch(53.15% 0.1089 241.94) 100.0%);

In these collections

Bright gradientsSummer gradientsSpring gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works