Launching soon on Product Hunt! - Get Notified

The Sky And The Sea

The Sky And The Sea gradient blends Tree Poppy and Congress Blue, evoking a vibrant sunset.

๐ŸŽจ Use this gradient for a lively, energetic design.

๐Ÿ’ก This gradient is inspired by the colors of a sunset over the ocean, a natural spectacle enjoyed worldwide.

CSS Linear Gradient Code

/* The Sky And The Sea CSS Linear Gradient Background */
.gradient {
  background: #F7941E;
  background: linear-gradient(
    to right,

TailwindCSS Logo TailwindCSS Linear Gradient

/* The Sky And The Sea TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#F7941E] to-[#004E8F]"></div>

The Sky And The Sea - 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 The Sky And The Sea color palette gradient background ๐Ÿ‘
July 21, 2024 at 7:49 AM

CSS Linear Gradient Button

Why The Sky And The Sea?

Linear Gradient Border

The Sky And The Sea

CSS Font Gradient

The Best The Sky And The Sea Tailwind CSS Landing Pages

Shade of The Sky And The Sea

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