Dark Skies

Dark Skies gradient: a mysterious blend of Wedgewood and Pickled Bluewood.

🎨 Use this gradient for a sophisticated, moody design.

💡 This gradient mimics the colors of a stormy sky, evoking a sense of drama and intrigue.

Wedgewood
#4B79A1
Pickled Bluewood
#283E51

CSS Linear Gradient Code

/* Dark Skies CSS Linear Gradient Background */
.gradient {
  background: #4B79A1;
  background: linear-gradient(
    to right,
    #4B79A1,#283E51
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Dark Skies TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#4B79A1] to-[#283E51]"></div>

Dark Skies - 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 Dark Skies color palette gradient background 👍
December 30, 2024 at 5:27 PM

CSS Linear Gradient Button

Home
Why Dark Skies?

Linear Gradient Border

Dark Skies
Share

CSS Font Gradient

The Best Dark Skies Tailwind CSS Landing Pages

Shade of Dark Skies

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