Emerald, violet and rose color palette

The Emerald, violet and rose color palette brings together green, blue, purple, and magenta. Linear swatches, 8 colors at 45°: #00bc1e, #1eb984, #1a95cf, #355bfc, #7f25ff, #c611ff, #f507de, #fe159d. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

• #00bc1e
• #1eb984
• #1a95cf
• #355bfc
• #7f25ff
• #c611ff
• #f507de
• #fe159d

CSS

background: linear-gradient(45deg, oklch(68.90% 0.2274 143.43) 0.000% 12.500%, oklch(69.69% 0.1433 163.52) 12.500% 25.000%, oklch(63.39% 0.1309 236.43) 25.000% 37.500%, oklch(55.12% 0.2425 267.08) 37.500% 50.000%, oklch(54.33% 0.2800 292.44) 50.000% 62.500%, oklch(62.20% 0.3013 314.63) 62.500% 75.000%, oklch(66.93% 0.2976 333.65) 75.000% 87.500%, oklch(65.75% 0.2646 353.73) 87.500% 100.000%);

In these collections

Vivid multicolor gradientsNeon gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works