Skip to content

Grabient palettes

Gold, emerald and turquoise beach palette

Pastel tritone beige, teal and blue color palette

The Gold, emerald and turquoise beach palette brings together pale orange, light orange, light green, teal, and blue. Angular gradient, 32 colors at 180°: #f5dab2, #e6b996, #7bcdaf, #00b7af, #2b9fce. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #f5dab2
  • #f4d7b0
  • #f4d3ad
  • #f3ceaa
  • #f1c8a7
  • #efc3a4
  • #edbea0
  • #eabb9b
  • #e6b996
  • #e1ba8f
  • #d9bc89
  • #cdc187
  • #bdc68b
  • #acca93
  • #9acd9e
  • #89cea9
  • #7bcdaf
  • #6ecbb2
  • #5fc8b3
  • #50c5b2
  • #3ec2b0
  • #28beaf
  • #00bbae
  • #00b7af
  • #00b3b2
  • #00b0b6
  • #00adbb
  • #00aac0
  • #00a7c5
  • #05a4ca
  • #20a1cd
  • #2b9fce

CSS

background: conic-gradient(from 180deg in oklch, oklch(90.16% 0.0606 78.05) 0.0%, oklch(89.46% 0.0613 75.52) 3.2%, oklch(88.47% 0.0622 71.16) 6.5%, oklch(87.31% 0.0632 65.91) 9.7%, oklch(86.03% 0.0644 60.72) 12.9%, oklch(84.75% 0.0657 56.54) 16.1%, oklch(83.55% 0.0673 54.32) 19.4%, oklch(82.51% 0.0689 54.99) 22.6%, oklch(81.72% 0.0707 59.54) 25.8%, oklch(81.20% 0.0726 68.88) 29.0%, oklch(80.88% 0.0746 82.12) 32.3%, oklch(80.67% 0.0766 97.92) 35.5%, oklch(80.50% 0.0789 114.93) 38.7%, oklch(80.29% 0.0815 131.82) 41.9%, oklch(79.98% 0.0844 147.25) 45.2%, oklch(79.48% 0.0877 159.86) 48.4%, oklch(78.72% 0.0917 168.61) 51.6%, oklch(77.70% 0.0967 174.51) 54.8%, oklch(76.50% 0.1027 178.38) 58.1%, oklch(75.19% 0.1090 180.85) 61.3%, oklch(73.84% 0.1152 182.54) 64.5%, oklch(72.52% 0.1209 184.05) 67.7%, oklch(71.32% 0.1251 186.02) 71.0%, oklch(70.30% 0.1218 189.06) 74.2%, oklch(69.48% 0.1189 193.53) 77.4%, oklch(68.77% 0.1169 198.92) 80.6%, oklch(68.15% 0.1163 204.85) 83.9%, oklch(67.61% 0.1173 210.97) 87.1%, oklch(67.15% 0.1199 216.92) 90.3%, oklch(66.75% 0.1229 222.34) 93.5%, oklch(66.42% 0.1210 226.90) 96.8%, oklch(66.14% 0.1199 230.22) 100.0%);

In these collections

Beach gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works