Launching soon on Product Hunt! - Get Notified

Bora Bora

Bora Bora gradient: a refreshing blend of Picton Blue and Fall Green.

๐ŸŽจ Use this gradient for a vibrant, tropical design.

๐Ÿ’ก This gradient is inspired by the colors of Bora Bora's lagoon and lush vegetation.

CSS Linear Gradient Code

/* Bora Bora CSS Linear Gradient Background */
.gradient {
  background: #2BC0E4;
  background: linear-gradient(
    to right,
    #2BC0E4,#EAECC6
  );
}

TailwindCSS Logo TailwindCSS Linear Gradient

/* Bora Bora TailwindCSS Linear Gradient */
<div class="bg-gradient-to-r from-[#2BC0E4] to-[#EAECC6]"></div>

Bora Bora - 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 Bora Bora color palette gradient background ๐Ÿ‘
July 17, 2024 at 7:47 PM

CSS Linear Gradient Button

Home
Why Bora Bora?

Linear Gradient Border

Bora Bora
Share

CSS Font Gradient

The Best Bora Bora Tailwind CSS Landing Pages

Shade of Bora Bora

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