CSS Color Palette

xxxxxxxxxx
 
.first-color { 
    background: #d789d7; 
}
    
.second-color { 
    background: #9d65c9; 
}
​
.third-color { 
    background: #5d54a4; 
}
​
.fourth-color { 
    background: #2a3d66; 
}

Feel free to customize the CSS class names

Back to all palettes

More Purple CSS Color Palettes

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

CSS Code Go fullscreen

All Purple CSS Color Palettes

👩‍💻

What is SheCodes?

SheCodes teaches coding skills to busy women
Start your dream career in tech

Learn more about SheCodes

4.9/5, our workshops are highly recommended by
230,000+ women, including employees from these companies

📬

Join Our Mailing List

Be the first to know about upcoming coding workshops, new coding tools, and other SheCodes related news.