Launching soon on Product Hunt! - Get Notified


Venice Blue and White, a serene gradient reminiscent of a clear sky over Venice.

๐ŸŽจ Use this gradient for a calming, tranquil design effect.

๐Ÿ’ก This gradient is inspired by the clear blue skies of Venice, a city known for its beauty.

CSS Linear Gradient Code

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

TailwindCSS Logo TailwindCSS Linear Gradient

/* Sky TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#076585] to-[#fff]"></div>

Sky - 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 Sky color palette gradient background ๐Ÿ‘
July 20, 2024 at 6:11 AM

CSS Linear Gradient Button

Why Sky?

Linear Gradient Border

CSS Font Gradient

The Best Sky Tailwind CSS Landing Pages

Shade of Sky

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