The Blue Lagoon

The Blue Lagoon gradient combines tropical aqua with deep night sky blue.

🎨 Use this gradient for a vibrant, beach-themed design.

💡 This gradient is inspired by the stunning Blue Lagoon in Puerto Rico.

Puerto Rico
#43C6AC
Bunting
#191654

CSS Linear Gradient Code

/* The Blue Lagoon CSS Linear Gradient Background */
.gradient {
  background: #43C6AC;
  background: linear-gradient(
    to right,
    #43C6AC,#191654
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* The Blue Lagoon TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#43C6AC] to-[#191654]"></div>

The Blue Lagoon - 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 The Blue Lagoon color palette gradient background 👍
May 8, 2024 at 1:41 PM

CSS Linear Gradient Button

Home
Why The Blue Lagoon?

Linear Gradient Border

The Blue Lagoon
Share

CSS Font Gradient

The Best The Blue Lagoon Tailwind CSS Landing Pages

Shade of The Blue Lagoon

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