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.

CSS Linear Gradient Code

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

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
I love this Rastafari color palette gradient background ๐Ÿ‘
May 30, 2024 at 5:10 PM

CSS Linear Gradient Button

Why Rastafari?

Linear Gradient Border


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