Orchid and mint swatches

Complementary purple, gray and green color palette

Linear gradient, 6 colors at 90°: #ba63d0, #d489de, #ddb7d9, #e4e7d7, #b2f0b8, #7cd99e. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#ba63d0
#d489de
#ddb7d9
#e4e7d7
#b2f0b8
#7cd99e

CSS

background: linear-gradient(90deg in oklch, oklch(64.17% 0.1778 319.22) 0.0%, oklch(73.62% 0.1433 322.39) 20.0%, oklch(82.28% 0.0634 329.79) 40.0%, oklch(92.13% 0.0220 116.67) 60.0%, oklch(89.76% 0.0978 147.32) 80.0%, oklch(81.10% 0.1226 154.72) 100.0%);

In these collections

Purple and green swatches