Launching soon on Product Hunt! - Get Notified

Deep Sea Space

Deep Sea Space: A blend of Pickled Bluewood & Hippie Blue, evoking a cosmic ocean vibe.

๐ŸŽจ Great for a calming, focused UI design.

๐Ÿ’ก This gradient is inspired by the deep sea and outer space, two unexplored frontiers.

CSS Linear Gradient Code

/* Deep Sea Space CSS Linear Gradient Background */
.gradient {
  background: #2C3E50;
  background: linear-gradient(
    to right,
    #2C3E50,#4CA1AF
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Deep Sea Space TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#2C3E50] to-[#4CA1AF]"></div>

Deep Sea Space - 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 Deep Sea Space color palette gradient background ๐Ÿ‘
July 14, 2024 at 5:51 PM

CSS Linear Gradient Button

Home
Why Deep Sea Space?

Linear Gradient Border

Deep Sea Space
Share

CSS Font Gradient

The Best Deep Sea Space Tailwind CSS Landing Pages

Shade of Deep Sea Space

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