Sea Strike

A refreshing blend of aquamarine, havelock blue, and cyan/aqua.

🎨 Use this vibrant gradient to add a cool and calming touch to your designs.

💡 Aquamarine is believed to bring good luck and protection to sailors.

Aquamarine
#77FFD2
Havelock Blue
#6297DB
Cyan / Aqua
#1EECFF

CSS Linear Gradient Code

/* Sea Strike CSS Linear Gradient Background */
.gradient {
  background: #77FFD2;
  background: linear-gradient(
    to right,
    #77FFD2,#6297DB,#1EECFF
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Sea Strike TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#77FFD2] via-[#6297DB] to-[#1EECFF]"></div>

Sea Strike - 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 Sea Strike color palette gradient background 👍
December 21, 2024 at 3:43 PM

CSS Linear Gradient Button

Home
Why Sea Strike?

Linear Gradient Border

Sea Strike
Share

CSS Font Gradient

The Best Sea Strike Tailwind CSS Landing Pages

Shade of Sea Strike

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