Rastafari

Rastafari gradient: a vibrant mix of Japanese Laurel, Yellow, and Red.

🎨 Use this gradient for a lively, energetic design.

💡 This gradient represents the Rastafari colors, symbolizing nature, peace, and the blood of martyrs.

Japanese Laurel
#1E9600
Yellow
#FFF200
Red
#FF0000

CSS Linear Gradient Code

/* Rastafari CSS Linear Gradient Background */
.gradient {
  background: #1E9600;
  background: linear-gradient(
    to right,
    #1E9600,#FFF200,#FF0000
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Rastafari TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#1E9600] via-[#FFF200] to-[#FF0000]"></div>

Rastafari - 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 Rastafari color palette gradient background 👍
December 21, 2024 at 11:48 AM

CSS Linear Gradient Button

Home
Why Rastafari?

Linear Gradient Border

Rastafari
Share

CSS Font Gradient

The Best Rastafari Tailwind CSS Landing Pages

Shade of Rastafari

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