Skip to content

Grabient palettes

Ochre, blush and magenta split complementary palette

Yellow, beige, blue and purple color palette

This palette moves from gold through pale yellow and blue to magenta. Angular swatches, 4 colors at 120°: #e2c300, #f8ecbe, #454bc1, #b249ac. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #e2c300
  • #f8ecbe
  • #454bc1
  • #b249ac

CSS

background: conic-gradient(from 120deg, oklch(81.89% 0.1691 97.73) 0.000% 25.000%, oklch(94.09% 0.0606 94.56) 25.000% 50.000%, oklch(48.03% 0.1805 274.92) 50.000% 75.000%, oklch(57.87% 0.1805 329.87) 75.000% 100.000%);

In these collections

Split complementary swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works