Electric Peacock

Electric Peacock is a vibrant mix of Purple Heart, Dark Blue, Forest Green, and Electric Lime.

🎨 Use this gradient for a bold, energetic design.

💡 This gradient is named after the peacock, known for its vibrant and colorful plumage.

Purple Heart
#8A2BE2
Dark Blue
#0000CD
Forest Green
#228B22
Electric Lime
#CCFF00

CSS Linear Gradient Code

/* Electric Peacock CSS Linear Gradient Background */
.gradient {
  background: #8a2be2;
  background: linear-gradient(
    to right,
    #8a2be2,#0000cd,#228b22,#ccff00
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Electric Peacock TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#8a2be2] via-[#0000cd] to-[#228b22]"></div>

Electric Peacock - UI Design Examples

You can use this gradient in your UI design in many ways, for example as a background in a tweet, for buttons or as a text gradient.

Tweet Background Generator

Ilias Ism
Ilias Ism
@illyism
I love this Electric Peacock color palette gradient background 👍
May 8, 2024 at 8:16 PM

CSS Linear Gradient Button

Home
Why Electric Peacock?

Linear Gradient Border

Electric Peacock
Share

CSS Font Gradient

The Best Electric Peacock Tailwind CSS Landing Pages

Shade of Electric Peacock

We hope you enjoyed Electric Peacock. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names
Magic