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.
Tree Poppy

#f7941e

Congress Blue

#004e8f

CSS Linear Gradient Code

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

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

Martha Samuel

@marthatalks

I love this The Sky And The Sea color palette gradient background 👍
October 7, 2025 11:44

CSS Linear Gradient Button

Home
Why The Sky And The Sea?
Get Started

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!
The Sky And The Sea
Tree Poppy
Congress Blue