Skip to content

Grabient palettes

White, teal, pink and magenta linear swatches

White, teal, pink and magenta color palette

Linear swatches, 4 colors at 180°: #fff2f7, #1a8e8b, #f39ac2, #a92a68. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #fff2f7
  • #1a8e8b
  • #f39ac2
  • #a92a68

CSS

background: linear-gradient(180deg, oklch(97.24% 0.0160 349.43) 0.000% 25.000%, oklch(58.66% 0.0951 192.00) 25.000% 50.000%, oklch(78.74% 0.1157 351.57) 50.000% 75.000%, oklch(50.39% 0.1709 355.79) 75.000% 100.000%);

In these collections

Magenta color palette

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works