Blooker20

A vibrant blend of Trinidad orange and Candlelight yellow, evoking a tropical sunset.

  • 🎨 Great for highlighting important elements in a design.
  • 💡 This gradient is reminiscent of the national colors of Trinidad and Tobago.
Trinidad Orange

#e65c00

Candlelight Yellow

#f9d423

CSS Linear Gradient Code

				
					/* Blooker20 CSS Linear Gradient Background */
.gradient {
  background: #e65c00;
  background: linear-gradient(
    to right,
    #e65c00,#F9D423
  );
}
				
			

TailwindCSS Linear Gradient

				
					/* Blooker20 TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#e65c00] to-[#F9D423]"></div>
				
			

Blooker20 - 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

Martha Samuel

@marthatalks

I love this Blooker20 color palette gradient background 👍
July 7, 2025 00:54

CSS Linear Gradient Button

Home
Why Blooker20?
Get Started

Linear Gradient Border

Blooker20

CSS Font Gradient

The Best

Blooker20

Tailwind CSS

Landing Pages

Shade of Blooker20
We hope you enjoyed Blooker20. Keep reading for more amazing colorful content for developers, designers and creators!
Blooker20
Trinidad Orange
Candlelight Yellow