Mauve and sage opalescent palette

Mauve, pink, light blue and beige color palette

The Mauve and sage opalescent palette brings together red, light red, light blue, and pale green. Angular swatches, 20 colors at 135°: #a56778, #d49da7, #c8c6e8, #b6dee2, #dce5bd. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#a56778
#ab6e7e
#b47885
#bf848f
#ca919a
#d49da7
#dba7b5
#ddafc4
#dab6d3
#d2bee0
#c8c6e8
#bfcdeb
#b9d4ea
#b6d9e7
#b6dee2
#b9e2da
#c0e5d1
#cae6c9
#d4e6c2
#dce5bd

CSS

background: conic-gradient(from 135deg, oklch(58.66% 0.0813 2.11) 0.000% 5.000%, oklch(60.84% 0.0793 2.99) 5.000% 10.000%, oklch(63.95% 0.0767 5.34) 10.000% 15.000%, oklch(67.60% 0.0735 7.75) 15.000% 20.000%, oklch(71.41% 0.0700 8.78) 20.000% 25.000%, oklch(74.99% 0.0665 7.03) 25.000% 30.000%, oklch(77.95% 0.0631 1.06) 30.000% 35.000%, oklch(80.07% 0.0597 349.48) 35.000% 40.000%, oklch(81.69% 0.0558 332.40) 40.000% 45.000%, oklch(82.94% 0.0517 311.48) 45.000% 50.000%, oklch(83.94% 0.0478 288.37) 50.000% 55.000%, oklch(84.80% 0.0445 264.78) 55.000% 60.000%, oklch(85.63% 0.0421 242.39) 60.000% 65.000%, oklch(86.53% 0.0412 222.55) 65.000% 70.000%, oklch(87.41% 0.0420 202.48) 70.000% 75.000%, oklch(88.23% 0.0440 182.00) 75.000% 80.000%, oklch(88.97% 0.0467 162.22) 80.000% 85.000%, oklch(89.61% 0.0496 144.22) 85.000% 90.000%, oklch(90.14% 0.0521 129.12) 90.000% 95.000%, oklch(90.55% 0.0537 118.00) 95.000% 100.000%);

In these collections

Opalescent swatches