Venice Blue

Venice Blue to Bermuda gradient, a blend of deep blue #085078 and refreshing #85D8CE.

  • 🎨 Great for a beach or marine theme design.
  • 💡 This gradient mimics the transition from the deep Venetian canals to the clear Bermuda waters.
Venice Blue

#085078

Bermuda

#85d8ce

CSS Linear Gradient Code

				
					/* Venice Blue CSS Linear Gradient Background */
.gradient {
  background: #085078;
  background: linear-gradient(
    to right,
    #085078,#85D8CE
  );
}
				
			

TailwindCSS Linear Gradient

				
					/* Venice Blue TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#085078] to-[#85D8CE]"></div>
				
			

Venice Blue - 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 Venice Blue color palette gradient background 👍
July 7, 2025 05:20

CSS Linear Gradient Button

Home
Why Venice Blue?
Get Started

Linear Gradient Border

Venice Blue

CSS Font Gradient

The Best

Venice Blue

Tailwind CSS

Landing Pages

Shade of Venice Blue
We hope you enjoyed Venice Blue. Keep reading for more amazing colorful content for developers, designers and creators!
Venice Blue
Venice Blue
Bermuda